Subversion Repositories svnkaklik

Rev

Go to most recent revision | Details | Last modification | View Log

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