Subversion Repositories svnkaklik

Rev

Details | Last modification | View Log

Rev Author Line No. Line
6 kaklik 1
/*
2
ExpressionEngine 1.0 Control Panel Theme - Green
3
ab_green.css
4
By Alan Barber
5
http://www.alanbarber.org
6
--------------------------------------------------------------- */
7
/*
8
 
9
    DEFAULT BODY
10
--------------------------------------------------------------- */
11
body {
12
 margin:            0;
13
 padding:           0;
14
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
15
 font-size:         11px;
16
 color:             #000;
17
 background-color:  #fff;
18
}
19
/*
20
 
21
    MAIN CONTENT WRAPPER
22
--------------------------------------------------------------- */
23
#content {
24
 left:              0px;
25
 right:             10px;
26
 margin:            0 25px 0 25px;
27
 padding:           8px 13px 0 13px;
28
 width:             auto;
29
}
30
* html #content {
31
 width:             100%;
32
 w\idth:            auto;
33
}
34
/*
35
 
36
    DEFAULT LINKS
37
--------------------------------------------------------------- */
38
a {
39
 text-decoration:   none;
40
 color:             #01A903;
41
 background-color:  transparent;
42
}
43
 
44
a:visited {
45
 color:             #01A903;
46
 background-color:  transparent;
47
}
48
 
49
a:hover {
50
 color:             #69DD00;
51
 text-decoration:   underline;
52
 background-color:  transparent;
53
}
54
/*
55
 
56
    SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT)
57
--------------------------------------------------------------- */
58
.helpLinks {
59
 color:             #fff;
60
 background:        transparent;
61
 text-align:        right;
62
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
63
 font-size:         9px;
64
 font-weight:       bold;
65
 padding:           4px 25px 4px 0px;
66
}
67
 
68
.helpLinks a:link {
69
 color:             #fff;
70
 background:        transparent;
71
 text-decoration:   none;
72
}
73
 
74
.helpLinks a:visited {
75
 color:             #fff;
76
 background:        transparent;
77
 text-decoration:   none;
78
}
79
 
80
.helpLinks a:hover {
81
 color:             #ccc;
82
 background:        transparent;
83
 text-decoration:   none;
84
}
85
 
86
.helpLinksLeft {
87
 text-align:        left;
88
 padding-left:      20px;
89
}
90
/*
91
 
92
    DEFAULT FONTS
93
--------------------------------------------------------------- */
94
 
95
.default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter {
96
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
97
 font-size:         11px;
98
 color:             #000;
99
 padding:			1px 0 1px 0;
100
 background-color:  transparent;
101
}
102
 
103
.defaultRight {
104
 text-align:        right;
105
}
106
 
107
.defaultRightBold {
108
 text-align:        right;
109
 font-weight:       bold;
110
}
111
 
112
.defaultCenter {
113
 text-align:        center;
114
}
115
 
116
.defaultBold {
117
 font-weight:       bold;
118
 font-size:         11px;
119
}
120
 
121
.defaultBold a:link {
122
 text-decoration:   none;
123
}
124
 
125
.defaultBold a:visited {
126
 text-decoration:   none;
127
}
128
 
129
.defaultBold a:active {
130
 text-decoration:   none;
131
}
132
 
133
.defaultBold a:hover {
134
 text-decoration:   underline;
135
}
136
 
137
.defaultPad {
138
 padding:           3px 0 3px 5px;
139
}
140
.defaultPadBold {
141
 padding:           3px 0 3px 5px;
142
 font-weight:       bold;
143
}
144
 
145
.defaultSmall {
146
 color:             #000;
147
 font-size:         10px;
148
}
149
/*
150
 
151
    GENERAL TEXT FORMATTING
152
--------------------------------------------------------------- */
153
 
154
/* Page heading used on most pages */
155
h1 {
156
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
157
 font-size:         14px;
158
 font-weight:       bold;
159
 color:             #000;
160
 background:        transparent;
161
 margin:            2px 0 4px 0;
162
 padding:           0 0 2px 0;
163
}
164
 
165
/* Large Text - used occasionally */
166
h2 {
167
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
168
 font-size:         13px;
169
 font-weight:       bold;
170
 color:             #000;
171
 background:        transparent;
172
}
173
 
174
/* Smaller bold heading */
175
h5 {
176
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
177
 font-size:         12px;
178
 font-weight:       bold;
179
 color:             #000;
180
 background:        transparent;
181
 margin:            0 0 3px 0;
182
}
183
 
184
pre {
185
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
186
 font-size:         11px;
187
 color:             #009933;
188
 background:        transparent;
189
 margin:            6px 0 6px 19px;
190
}
191
 
192
p, strong {
193
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
194
 font-size:         11px;
195
 color:             #000;
196
 background:        transparent;
197
 margin:            4px 0 4px 0;
198
}
199
 
200
strong {
201
 font-weight:       bold:
202
}
203
 
204
.bold {
205
 font-weight:       bold;
206
}
207
 
208
.highlight {
209
 color:             #990000;
210
}
211
 
212
.highlight_bold {
213
 color:             #990000;
214
 font-weight:       bold;
215
}
216
 
217
.highlight_alt_bold {
218
 color:             #009933;
219
 font-weight:       bold;
220
}
221
 
222
.alert {
223
 color:             #990000;
224
 font-weight:       bold;
225
}
226
 
227
.nowrap {
228
 white-space:       nowrap;
229
}
230
/*
231
 
232
    PADDING
233
--------------------------------------------------------------- */
234
 
235
.paddedWrapper {
236
 padding:           3px 0 10px 3px;
237
 background-color:  transparent;
238
}
239
 
240
.bigPad {
241
 padding:           6px 0 3px 6px;
242
 background-color:  transparent;
243
}
244
 
245
.paddedTop {
246
 padding:           13px 0 2px 0;
247
 background-color:  transparent;
248
}
249
 
250
.paddedBorder{
251
 padding:           10px 12px 10px 12px;
252
 border-bottom:     #81A97B 1px solid;
253
 background-color:  transparent;
254
}
255
 
256
.leftPad {
257
 padding-left:      5px;
258
}
259
 
260
.rightPad {
261
 padding-right:     10px;
262
}
263
 
264
/*
265
 
266
    HEADER
267
--------------------------------------------------------------- */
268
 
269
#topBar {
270
 background-color:  #000;
271
 border-bottom:     #fff 1px solid;
272
}
273
 
274
#header {
275
 background-color:  #1EA91F;
276
 height:            14px;
277
}
278
 
279
#simpleHeader {
280
 background-color:  #666;
281
 height:            1px;
282
}
283
/*
284
 
285
    NAVIGATION TABS - Table cell
286
--------------------------------------------------------------- */
287
.navCell {
288
 background:        transparent;
289
 padding:           0;
290
}
291
/*
292
 
293
    NAVIGATION TABS - DEFAULT STATE
294
--------------------------------------------------------------- */
295
.cpNavOff, .cpNavLocked {
296
 font-family:       Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif;
297
 font-size:         11px;
298
 color:             #000;
299
 background:        #1EA91F;
300
 letter-spacing:    .2em;
301
 text-transform:    uppercase;
302
 text-align:        center;
303
 padding:           5px 0 4px 0;
304
 font-weight:       bold;
305
 border-bottom:     #000 1px solid;
306
}
307
/*
308
 
309
    NAVIGATION TABS - "SELECTED" STATE
310
--------------------------------------------------------------- */
311
.cpNavOn  {
312
 font-family:       Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, Sans-serif;
313
 font-size:         11px;
314
 color:             #fff;
315
 background:        #fff;
316
 letter-spacing:    .2em;
317
 padding:           6px 0 2px 0;
318
 text-transform:    uppercase;
319
 text-align:        center;
320
 font-weight:       bold;
321
 border-top:        #000 1px solid;
322
 border-left:       #000 1px solid;
323
 border-right:      #000 1px solid;
324
}
325
 
326
.cpNavOn a:hover {
327
 color:             #000;
328
 background:        transparent;
329
 text-decoration:   none;
330
}
331
/*
332
 
333
    LINKS IN NAVIGATION TABS
334
--------------------------------------------------------------- */
335
.cpNavOff a:link {
336
 color:             #fff;
337
 background:        transparent;
338
 text-decoration:   none;
339
}
340
 
341
.cpNavOff a:visited {
342
 color:             #fff;
343
 background:        transparent;
344
 text-decoration:   none;
345
}
346
 
347
.cpNavOff a:active {
348
 color:             #fff;
349
 background:        transparent;
350
 text-decoration:   none;
351
}
352
 
353
.cpNavOff a:hover {
354
 color:             #000;
355
 background:        transparent;
356
 text-decoration:   none;
357
}
358
/*
359
 
360
    BREADCRUMB NAVIGATION
361
--------------------------------------------------------------- */
362
#breadcrumb {
363
 margin:            15px 40px 0 38px;
364
 padding-right:     30px;
365
 padding-left:      0;
366
 line-height:       18px;
367
 border-bottom:     #81A97B 1px solid;
368
}
369
 
370
/* Breadcrumb with no bottom line */
371
 
372
#breadcrumbNoLine {
373
 margin:            15px 40px 0 40px;
374
 padding-right:     30px;
375
 padding-left:      0;
376
 line-height:       18px;
377
}
378
 
379
/* Right side of bread crumb */
380
 
381
.breadcrumbRight {
382
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
383
 font-size:         11px;
384
 font-weight:       bold;
385
 color:             #000;
386
 background:        transparent;
387
 text-align:        right;
388
}
389
 
390
.crumblinks a:link {
391
 text-decoration:   none;
392
 color:             #01A903;
393
 background-color:  transparent;
394
}
395
 
396
.crumblinks a:visited {
397
 color:             #01A903;
398
 background-color:  transparent;
399
}
400
 
401
.crumblinks a:hover {
402
 color:             #69DD00;
403
 text-decoration:   underline;
404
 background-color:  transparent;
405
}
406
/*
407
 
408
   BREADCRUMB LINKS - RIGHT SIDE
409
--------------------------------------------------------------- */
410
 
411
.crumblinksR {
412
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
413
 font-size:         12px;
414
 letter-spacing:	.1em;
415
 text-decoration:   none;
416
 color:             #000;
417
 background-color:  transparent;
418
}
419
 
420
.crumblinksR a {
421
 color:             #01A903;
422
 text-decoration:   none;
423
 background-color:  transparent;
424
}
425
 
426
.crumblinksR a:visited {
427
 color:             #01A903;
428
 background-color:  transparent;
429
}
430
 
431
.crumblinksR a:active {
432
 color:             #69DD00;
433
 background-color:  transparent;
434
}
435
 
436
.crumblinksR a:hover {
437
 color:             #69DD00;
438
 text-decoration:   underline;
439
 background-color:  transparent;
440
}
441
/*
442
 
443
    PREVIEW ENTRY
444
    (when you click "prevew" on the "publish" page)
445
--------------------------------------------------------------- */
446
#previewWrapper {
447
 background-color:  transparent;
448
}
449
 
450
.preview {
451
 margin:            0 25px 0 4px;
452
}
453
/*
454
 
455
   CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE
456
   These are the little JavaScript buttons
457
--------------------------------------------------------------- */
458
 
459
.buttonMargin {
460
 margin-bottom:     4px;
461
}
462
 
463
.buttonInsert {
464
 background-color:  #EAF2EA;
465
 border:            #666 1px solid;
466
 padding:           6px;
467
 margin-right:      8px;
468
}
469
 
470
.htmlButtonOutter, .htmlButtonOutterL {
471
 background-color:  #f6f6f6;
472
 padding:           0;
473
 border-top:        #333 1px solid;
474
 border-right:      #333 1px solid;
475
 border-bottom:     #333 1px solid;
476
}
477
 
478
.htmlButtonOutterL  {
479
 border-left:       #333 1px solid;
480
}
481
 
482
.htmlButtonInner {
483
 background-color:  transparent;
484
 border-left:       #fff 1px solid;
485
 border-top:        #fff 1px solid;
486
 border-right:      #ccc 1px solid;
487
 border-bottom:     #ccc 1px solid;
488
}
489
 
490
.htmlButtonA {
491
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
492
 font-size:         11px;
493
 font-weight:       bold;
494
 padding:           2px 3px 3px 3px;
495
 white-space:       nowrap;
496
}
497
 
498
.htmlButtonB {
499
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
500
 font-size:         11px;
501
 font-weight:       bold;
502
 background:        #f6f6f6;
503
 padding:           2px 3px 3px 3px;
504
 white-space:       nowrap;
505
}
506
 
507
.htmlButtonA a:link {
508
 color:             #000;
509
 font-weight:       bold;
510
 text-decoration:   none;
511
 white-space:       nowrap;
512
}
513
 
514
.htmlButtonA  a:visited {
515
 text-decoration:   none;
516
}
517
 
518
.htmlButtonA a:active {
519
 text-decoration:   none;
520
 color:             #999;
521
}
522
 
523
.htmlButtonA a:hover {
524
 text-decoration:   none;
525
 color:             #999;
526
}
527
 
528
.htmlButtonB a:link {
529
 color:             #990000;
530
 font-weight:       bold;
531
 text-decoration:   none;
532
 white-space:       nowrap;
533
}
534
 
535
.htmlButtonB  a:visited {
536
 text-decoration:   none;
537
}
538
 
539
.htmlButtonB a:active {
540
 text-decoration:   none;
541
 color:             #999;
542
}
543
 
544
.htmlButtonB a:hover {
545
 color:             #999;
546
 text-decoration:   none;
547
}
548
/*
549
 
550
   PUBLISH PAGE
551
--------------------------------------------------------------- */
552
 
553
.publishBorder {
554
 padding-bottom:    8px;
555
 margin-bottom:     6px;
556
 margin-left:		8px;
557
 border-bottom:     #81A97B 1px solid;
558
}
559
 
560
.publishBorderNB {
561
 padding-bottom:    8px;
562
 margin-bottom:     6px;
563
 margin-left:		8px;
564
}
565
 
566
.publishPad {
567
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
568
 font-size:         11px;
569
 color:             #000;
570
 padding:			1px 5px 1px 10px;
571
 background-color:  transparent;
572
}
573
/*
574
 
575
    CONTROL PANEL HOME PAGE
576
--------------------------------------------------------------- */
577
 
578
.leftColumn {
579
 padding:           0 14px 0 0;
580
}
581
 
582
.rightColumn {
583
 padding:           0 0 0 14px;
584
}
585
 
586
.itemPad {
587
 padding:           0 0 20px 0;
588
}
589
/*
590
 
591
   TEMPLATES PAGE
592
--------------------------------------------------------------- */
593
 
594
.leftBorderPad {
595
 border-left:      #A7BEA7 1px solid;
596
 padding:          0 4px 0 14px;
597
}
598
 
599
.rightBorderPad {
600
 border-right:     #81A97B 1px solid;
601
 padding:          0;
602
}
603
.itemPadBotBorder {
604
 background-color:  #fff;
605
 border-bottom:     #81A97B 1px dashed;
606
 padding:           10px 0 16px 0;
607
 width:             90%;
608
 margin-bottom:     8px;
609
}
610
/*
611
 
612
   MY PROFILE PAGE
613
--------------------------------------------------------------- */
614
 
615
.profileMenuInner {
616
 padding-left:      10px;
617
 padding-right:     8px;
618
 margin-bottom:     4px;
619
 margin-top:        4px;
620
}
621
 
622
.borderTopBot {
623
 border-top:		1px solid #81A97B;
624
 border-bottom:		1px solid #81A97B;
625
}
626
 
627
.profileHead {
628
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
629
 font-size:			10px;
630
 font-weight:		bold;
631
 text-transform:	uppercase;
632
 color:				#fff;
633
 padding:			5px 4px 5px 10px;
634
 background-color:	#1EA91F;
635
 border-top:		1px solid #ffffff;
636
 border-bottom:		1px solid #ffffff;
637
 margin:			0 0 0 0;
638
}
639
/*
640
 
641
    ADMIN PAGE
642
--------------------------------------------------------------- */
643
 
644
.leftCel {
645
 border-right:      #81A97B 1px solid;
646
 padding:           0 40px 0 0;
647
 white-space:       nowrap;
648
}
649
 
650
.rightCel {
651
 padding:           0 0 0 40px;
652
 white-space:       nowrap;
653
}
654
 
655
.menuHeading {
656
 font-family:       Trebuchet MS, Arial, Verdana, Sans-serif;
657
 font-size:         14px;
658
 color:             #000;
659
 font-weight:       bold;
660
 margin:            3px 0 3px 5px;
661
 background:        transparent;
662
}
663
 
664
.menuItem {
665
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
666
 font-size:         11px;
667
 color:             #000;
668
 background-color:  transparent;
669
 padding:           3px 0 3px 6px;
670
}
671
 
672
.menuWrapper {
673
 margin:            0 0 14px 0;
674
}
675
/*
676
 
677
    "SUCCESS" MESSAGE
678
    Used to display a message after user actions
679
    like submitting an entry, or updating preferences, etc.
680
--------------------------------------------------------------- */
681
 
682
.success{
683
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
684
 font-size:         12px;
685
 color:             #009933;
686
 font-weight:       bold;
687
 background-color:  transparent;
688
 margin:            5px 0 5px 0;
689
}
690
/*
691
 
692
    ITEM WRAPPERS
693
    Adds a little padding above and below the item.  Used often
694
    to add a bit of space around text or forms.
695
--------------------------------------------------------------- */
696
 
697
.itemWrapper {
698
 padding:           3px 0 5px 0;
699
 background-color:  transparent;
700
}
701
 
702
.itemWrapperTop {
703
 padding:           12px 0 4px 0;
704
 background-color:  transparent;
705
}
706
 
707
.itemTitle {
708
 font-family:       Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
709
 font-size:         11px;
710
 font-weight:       bold;
711
 color:             #000;
712
 padding:           3px 0 2px 0;
713
 background-color:  transparent;
714
}
715
 
716
.fieldWrapper {
717
 font-family:       Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
718
 font-size:         11px;
719
 color:             #000;
720
 padding:           0 0 12px 0;
721
 background-color:  transparent;
722
}
723
 
724
.xhtmlWrapper {
725
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
726
 font-size:         10px;
727
 font-weight:       normal;
728
 color:             #000;
729
 text-align:        right;
730
 padding:           0;
731
 background-color:  transparent;
732
}
733
 
734
.xhtmlWrapperLight {
735
 color:				#666;
736
 font-weight:       bold;
737
}
738
/*
739
 
740
    BOXES - USED TO ENCLOSE ITEMS
741
--------------------------------------------------------------- */
742
.box {
743
 background-color:  #F2F2FF;
744
 border:            #81A97B 1px solid;
745
 padding:           12px 10px 5px 10px;
746
 margin:     		5px 0 4px 0;
747
}
748
 
749
.box280 {
750
 background-color:  #fff;
751
 border:            #81A97B 1px solid;
752
 padding:           12px;
753
 width:             280px;
754
 margin-top:        8px;
755
}
756
.box320 {
757
 background-color:  #F2F2FF;
758
 border:            #81A97B 1px solid;
759
 padding:           12px;
760
 width:             320px;
761
 margin-bottom:     4px;
762
 margin-top:        2px;
763
}
764
.box450 {
765
 background-color:  #F2F2FF;
766
 border:            #81A97B 1px solid;
767
 padding:           12px;
768
 width:             450px;
769
 margin-bottom:     4px;
770
 margin-top:        2px;
771
}
772
/*
773
 
774
   SPACER BETWEEN GROUPINGS OF FORM FIELDS
775
--------------------------------------------------------------- */
776
 
777
.padBotBorder {
778
 background-color:  #fff;
779
 border-bottom:     #81A97B 1px dashed;
780
 padding:           10px 0 16px 0;
781
 margin-bottom:     8px;
782
 width:             90%;
783
}
784
 
785
.pad400 {
786
 background-color:  #fff;
787
 border-bottom:     #81A97B 1px dashed;
788
 padding:           10px 0 16px 0;
789
 width:             400px;
790
 margin-bottom:     8px;
791
}
792
.pad400NoBorder {
793
 background-color:  #fff;
794
 padding:           10px 0 16px 0;
795
 width:             400px;
796
 margin-bottom:     8px;
797
}
798
/*
799
 
800
   COMMEMT/TRACKBACK DISPLAY IN CP
801
--------------------------------------------------------------- */
802
 
803
.comments {
804
 background-color:  #fff;
805
 border-bottom:     #81A97B 1px dashed;
806
}
807
 
808
.cmtCredits {
809
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
810
 font-size:         11px;
811
 color:             #999;
812
 margin-bottom:     3px;
813
}
814
 
815
.cmtCreditVal {
816
 color:             #000;
817
 padding-left:      6px;
818
}
819
 
820
.cmtRightBorder {
821
 border-right:      #81A97B 1px dashed;
822
 padding-right:     14px;
823
}
824
 
825
.cmtLeftPad {
826
 padding:           2px 6px 0 6px;
827
}
828
/*
829
    CATEGORY DISPLAY (used for category ID numbers in Admin page)
830
--------------------------------------------------------------- */
831
.category {
832
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
833
 font-size:         11px;
834
 color:             #666;
835
 line-height:       18px;
836
 letter-spacing:	.09em;
837
}
838
/*
839
 
840
    TABLE FORMATTING
841
--------------------------------------------------------------- */
842
 
843
.subtext {
844
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
845
 font-size:         11px;
846
 font-weight:       normal;
847
 color:             #000;
848
 padding:           6px 0 3px 0;
849
}
850
 
851
 
852
.tableBorder {
853
 border:            1px solid #81A97B;
854
 margin-top:        1px;
855
 margin-bottom:     4px;
856
}
857
 
858
.tablePad {
859
 padding:           2px 4px 5px 4px;
860
 background-color:	#fff;
861
}
862
 
863
.tableBorderNoBot {
864
 border-top:        1px solid #81A97B;
865
 border-right:      1px solid #81A97B;
866
 border-left:       1px solid #81A97B;
867
 margin-bottom:     2px;
868
}
869
 
870
.tableHeading {
871
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
872
 font-size:         11px;
873
 font-weight:       normal;
874
 color:             #000;
875
 padding:           12px 6px 12px 6px;
876
 background-color:  #fff;
877
 border-bottom:     1px solid #A7BEA7;
878
}
879
 
880
.tableHeadingBold {
881
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
882
 font-size:         11px;
883
 font-weight:       bold;
884
 color:             #000;
885
 padding:           12px 6px 12px 6px;
886
 background-color:  #fff;
887
 border-bottom:     1px solid #A7BEA7;
888
}
889
 
890
.tableHeadingLargeBold {
891
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
892
 font-size:         13px;
893
 font-weight:       bold;
894
 color:             #000;
895
 padding:           12px 6px 12px 6px;
896
 background-color:  #fff;
897
 border-bottom:     1px solid #A7BEA7;
898
}
899
 
900
.tableHeadingBoldNoBot {
901
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
902
 font-size:         11px;
903
 font-weight:       bold;
904
 color:             #000;
905
 padding:           10px 6px 10px 6px;
906
 background-color:  #fff;
907
}
908
 
909
.tableCellOne, .tableCellOneBold {
910
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
911
 font-size:         11px;
912
 color:             #000;
913
 padding:           6px 10px 6px 6px;
914
 border-top:        1px solid #fff;
915
 border-bottom:     1px solid #A7BEA7;
916
 border-right:      1px solid #fff;
917
 background-color:  #F4FFF4;
918
}
919
 
920
.tableCellTwo, .tableCellTwoBold {
921
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
922
 font-size:         11px;
923
 color:             #000;
924
 padding:           6px 10px 6px 6px;
925
 border-top:        1px solid #fff;
926
 border-bottom:     1px solid #A7BEA7;
927
 border-right:      1px solid #fff;
928
 background-color:  #E5E7EC;
929
}
930
 
931
.tableCellOneBold {
932
 font-weight:       bold;
933
}
934
.tableCellTwoBold {
935
 font-weight:       bold;
936
}
937
/*
938
    IMAGE THUMBNAIL FORM
939
--------------------------------------------------------------- */
940
.thumb {
941
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
942
 font-size:         11px;
943
 color:             #000;
944
 width:				240px;
945
 border:        	1px solid #990000;
946
}
947
.thumbPad {
948
 padding:			8px;
949
}
950
 
951
/*
952
    COPYRIGHT NOTICE
953
--------------------------------------------------------------- */
954
.copyright {
955
 text-align:        center;
956
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
957
 font-size:         9px;
958
 color:             #999;
959
 line-height:       15px;
960
 margin-top:        15px;
961
 margin-bottom:     15px;
962
 padding:           15px;
963
}
964
/*
965
 
966
    FORM FIELD FORMATTING
967
--------------------------------------------------------------- */
968
 
969
form {
970
 margin:            0;
971
}
972
.hidden {
973
 margin:            0;
974
 padding:           0;
975
 border:            0;
976
}
977
.input {
978
 border-top:        1px solid #999999;
979
 border-left:       1px solid #999999;
980
 background-color:  #fff;
981
 color:             #000;
982
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
983
 font-size:         11px;
984
 height:            1.6em;
985
 padding:           .3em 0 0 2px;
986
 margin-top:        6px;
987
 margin-bottom:     3px;
988
}
989
.textarea {
990
 border-top:        1px solid #999999;
991
 border-left:       1px solid #999999;
992
 background-color:  #fff;
993
 color:             #000;
994
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
995
 font-size:         11px;
996
 margin-top:        3px;
997
 margin-bottom:     3px;
998
}
999
.select {
1000
 background-color:  #fff;
1001
 font-family:       Arial, Verdana, Sans-serif;
1002
 font-size:         10px;
1003
 font-weight:       normal;
1004
 letter-spacing:    .1em;
1005
 color:             #000;
1006
 margin-top:        6px;
1007
 margin-bottom:     3px;
1008
}
1009
.multiselect {
1010
 border-top:        1px solid #999999;
1011
 border-left:       1px solid #999999;
1012
 background-color:  #fff;
1013
 color:             #000;
1014
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
1015
 font-size:         11px;
1016
 margin-top:        6px;
1017
 margin-bottom:     3px;
1018
}
1019
.radio {
1020
 color:             #000;
1021
 margin-top:        7px;
1022
 margin-bottom:     4px;
1023
 padding:           0;
1024
 border:            0;
1025
 background-color:  transparent;
1026
}
1027
.checkbox {
1028
 background-color:  transparent;
1029
 margin:            3px;
1030
 padding:           0;
1031
 border:            0;
1032
}
1033
.submit {
1034
 background-color:  #fff;
1035
 font-family:       Arial, Verdana, Sans-serif;
1036
 font-size:         10px;
1037
 font-weight:       normal;
1038
 letter-spacing:    .1em;
1039
 padding:           1px 3px 1px 3px;
1040
 margin-top:        6px;
1041
 margin-bottom:     4px;
1042
 text-transform:    uppercase;
1043
 color:             #000;
1044
}
1045
/*
1046
 
1047
    ERROR MESSAGE OUTER WRAPPER
1048
    NOTE: the border color needs to match the breadcrumb
1049
--------------------------------------------------------------- */
1050
#error {
1051
 margin-top:        15px;
1052
 padding:           1px;
1053
 border:            #81A97B 1px solid;
1054
}
1055
/*
1056
 
1057
    ERROR MESSAGE HEADING
1058
--------------------------------------------------------------- */
1059
.errorheading{
1060
 color:             #990000;
1061
 background:        #ccc;
1062
 font-family:       Verdana, Trebuchet MS, Arial, Sans-serif;
1063
 text-align:        center;
1064
 font-size:         12px;
1065
 font-weight:       bold;
1066
 letter-spacing:    1px;
1067
 text-transform:    uppercase;
1068
 padding:           4px;
1069
 margin-bottom:     1px;
1070
}
1071
/*
1072
 
1073
    ERROR MESSAGE BODY
1074
--------------------------------------------------------------- */
1075
.errormessage {
1076
 color:             #000;
1077
 border-top:        #81A97B 1px solid;
1078
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
1079
 font-size:         12px;
1080
 text-align:        center;
1081
 padding:           20px 10px 20px 10px;
1082
}
1083
/*
1084
 
1085
    PHP-INFO FORMATTING (used on PHP info page)
1086
--------------------------------------------------------------- */
1087
 
1088
.phpinfotable {
1089
 background:        #797EB8;
1090
}
1091
 
1092
.phpinfohead {
1093
 background:        #797EB8;
1094
}
1095
 
1096
.phpinforow {
1097
 background:        #797EB8;
1098
}
1099
 
1100
.phpinfocell {
1101
 background:        #fff;
1102
}
1103
 
1104
/*
1105
 
1106
    CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE
1107
--------------------------------------------------------------- */
1108
 
1109
/* The main calendar widget.  DIV containing a table. */
1110
 
1111
.calendar {
1112
  margin-top: 6px;
1113
  display: none;
1114
  border-right: 2px solid #333;
1115
  border-bottom: 2px solid #333;
1116
  color: #000;
1117
  cursor: default;
1118
  background: transparent;
1119
  font-family: tahoma,verdana,sans-serif;
1120
}
1121
 
1122
.calendar table {
1123
  border-top: 1px solid #000;
1124
  border-right: 1px solid #fff;
1125
  border-bottom: 1px solid #fff;
1126
  border-left: 1px solid #000;
1127
  font-size: 11px;
1128
  color: #000;
1129
  background: #ccc;
1130
  font-family: verdana,tahoma,sans-serif;
1131
}
1132
 
1133
/* Header part -- contains navigation buttons and day names. */
1134
 
1135
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
1136
  text-align: center;
1137
  padding: 1px;
1138
  border-top: 1px solid #fff;
1139
  border-right: 1px solid #000;
1140
  border-bottom: 1px solid #000;
1141
  border-left: 1px solid #fff;
1142
}
1143
 
1144
.calendar .nav {
1145
}
1146
 
1147
.calendar thead .title { /* This holds the current "month, year" */
1148
  font-weight: bold;
1149
  font-size: 11px;
1150
  padding: 1px;
1151
  border: 1px solid #000;
1152
  background: #333;
1153
  color: #fff;
1154
  text-align: center;
1155
}
1156
 
1157
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
1158
}
1159
 
1160
.calendar thead .daynames { /* Row <TR> containing the day names */
1161
}
1162
 
1163
.calendar thead .name { /* Cells <TD> containing the day names */
1164
  border-bottom: 1px solid #000;
1165
  padding: 2px;
1166
  font-weight: bold;
1167
  font-size: 10px;
1168
  font-family: tahoma,verdana,sans-serif;
1169
  text-align: center;
1170
  background: #f0f0f0;
1171
}
1172
 
1173
.calendar thead .weekend { /* How a weekend day name shows in header */
1174
  color: #000;
1175
}
1176
 
1177
.calendar thead .hilite { /* How do the buttons in header appear when hover */
1178
  background: #ddd;
1179
}
1180
 
1181
.calendar thead .active { /* Active (pressed) buttons in header */
1182
  padding: 2px 0px 0px 2px;
1183
  border-top: 1px solid #000;
1184
  border-right: 1px solid #fff;
1185
  border-left: 1px solid #000;
1186
  background-color: #999;
1187
}
1188
 
1189
/* The body part -- contains all the days in month. */
1190
 
1191
.calendar tbody .day { /* Cells <TD> containing month days dates */
1192
  width: 1.8em;
1193
  text-align: right;
1194
  padding: 2px 4px 2px 2px;
1195
}
1196
.calendar tbody .day.othermonth {
1197
  font-size: 11px;
1198
  color: #aaa;
1199
}
1200
.calendar tbody .day.othermonth.oweekend {
1201
  color: #000;
1202
}
1203
 
1204
.calendar table .wn {
1205
  padding: 2px 3px 2px 2px;
1206
  border-right: 1px solid #000;
1207
  background: #ddd;
1208
}
1209
 
1210
.calendar tbody .rowhilite td {
1211
  background: #ccc;
1212
}
1213
 
1214
.calendar tbody .rowhilite td.wn {
1215
  background: #ccc;
1216
}
1217
 
1218
.calendar tbody td.hilite { /* Hovered cells <TD> */
1219
  padding: 1px 3px 1px 1px;
1220
  border-top: 1px solid #fff;
1221
  border-right: 1px solid #000;
1222
  border-bottom: 1px solid #000;
1223
  border-left: 1px solid #fff;
1224
  background: #ddd;
1225
}
1226
 
1227
.calendar tbody td.active { /* Active (pressed) cells <TD> */
1228
  padding: 2px 2px 0px 2px;
1229
  border-top: 1px solid #000;
1230
  border-right: 1px solid #fff;
1231
  border-bottom: 1px solid #fff;
1232
  border-left: 1px solid #000;
1233
}
1234
 
1235
.calendar tbody td.selected { /* Cell showing selected date */
1236
  font-weight: bold;
1237
  border-top: 1px solid #000;
1238
  border-right: 1px solid #fff;
1239
  border-bottom: 1px solid #fff;
1240
  border-left: 1px solid #000;
1241
  padding: 1px 3px 1px 1px;
1242
  background: #eee;
1243
}
1244
 
1245
.calendar tbody td.weekend { /* Cells showing weekend days */
1246
  color: #000;
1247
}
1248
 
1249
.calendar tbody td.today { /* Cell showing today date */
1250
  font-weight: bold;
1251
  color: #000;
1252
}
1253
 
1254
.calendar tbody .disabled { color: #999; }
1255
 
1256
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
1257
  visibility: hidden;
1258
}
1259
 
1260
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
1261
  display: none;
1262
}
1263
 
1264
/* The footer part -- status bar and "Close" button */
1265
 
1266
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
1267
}
1268
 
1269
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
1270
  background: transparent;
1271
  padding: 1px;
1272
  border: 1px solid #000;
1273
  background: #333;
1274
  color: #fff;
1275
  text-align: center;
1276
  font-size: 11px;
1277
}
1278
 
1279
.calendar tfoot .hilite { /* Hover style for buttons in footer */
1280
  border-top: 1px solid #fff;
1281
  border-right: 1px solid #000;
1282
  border-bottom: 1px solid #000;
1283
  border-left: 1px solid #fff;
1284
  padding: 1px;
1285
  background: #f0f0f0;
1286
}
1287
 
1288
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
1289
  padding: 2px 0px 0px 2px;
1290
  border-top: 1px solid #000;
1291
  border-right: 1px solid #fff;
1292
  border-bottom: 1px solid #fff;
1293
  border-left: 1px solid #000;
1294
}
1295
 
1296
/* Combo boxes (menus that display months/years for direct selection) */
1297
 
1298
.calendar .combo {
1299
  position: absolute;
1300
  display: none;
1301
  width: 4em;
1302
  top: 0px;
1303
  left: 0px;
1304
  cursor: default;
1305
  border-top: 1px solid #fff;
1306
  border-right: 1px solid #000;
1307
  border-bottom: 1px solid #000;
1308
  border-left: 1px solid #fff;
1309
  background: #ccc;
1310
  font-size: 90%;
1311
  padding: 1px;
1312
}
1313
 
1314
.calendar .combo .label,
1315
.calendar .combo .label-IEfix {
1316
  text-align: center;
1317
  padding: 1px;
1318
}
1319
 
1320
.calendar .combo .label-IEfix {
1321
  width: 4em;
1322
}
1323
 
1324
.calendar .combo .active {
1325
  background: #efefef;
1326
  padding: 0px;
1327
  border-top: 1px solid #000;
1328
  border-right: 1px solid #fff;
1329
  border-bottom: 1px solid #fff;
1330
  border-left: 1px solid #000;
1331
}
1332
 
1333
.calendar .combo .hilite {
1334
  background: #048;
1335
  color: #fea;
1336
}
1337
 
1338
.calendar td.time {
1339
  border-top: 1px solid #000;
1340
  padding: 1px 0 0 0;
1341
  text-align: center;
1342
  background-color: #f0f0f0;
1343
}
1344
 
1345
.calendar td.time .hour,
1346
.calendar td.time .minute,
1347
.calendar td.time .ampm {
1348
  padding: 0px 3px 0px 4px;
1349
  border-top: 1px solid #666;
1350
  border-right: 1px solid #999;
1351
  border-bottom: 1px solid #fff;
1352
  border-left: 1px solid #000;
1353
  font-weight: bold;
1354
  background-color: #fff;
1355
}
1356
 
1357
.calendar td.time .ampm {
1358
 text-align: center;
1359
 text-transform: uppercase;
1360
}
1361
 
1362
.calendar td.time .colon {
1363
  padding: 0px 2px 0px 3px;
1364
  font-weight: bold;
1365
}
1366
 
1367
.calendar td.time span.hilite {
1368
  border-color: #000;
1369
  background-color: #eee;
1370
  color: #000;
1371
}
1372
 
1373
.calendar td.time span.active {
1374
  border-color: #f00;
1375
  background-color: #efefef;
1376
  color: #990000;
1377
}