Subversion Repositories svnkaklik

Rev

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:             #3D5E74;
35
 background-color:  transparent;
36
}
37
 
38
a:visited {
39
 color:             #759DB9;
40
 background-color:  transparent;
41
}
42
 
43
a:hover {
44
 color:             #BAAF50;
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:             #EDEBD7;
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:             #EDEBD7;
64
 background:        transparent;
65
 text-decoration:   none;
66
}
67
 
68
.helpLinks a:visited { 
69
 color:             #EDEBD7;
70
 background:        transparent;
71
 text-decoration:   none;
72
}
73
 
74
.helpLinks a:hover { 
75
 color:             #D7D19B;    
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:             #A09854;
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:             #006699;
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:     #789FB8 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:  #3D5E74;
265
 border-bottom:     #fff 1px solid;
266
}
267
 
268
#header {  
269
 background-color:  #799EB8;
270
 height:            14px;
271
}
272
 
273
#simpleHeader {  
274
 background-color:  #666;
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:        #799EB8;
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:     #3D5E74 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:        #3D5E74 1px solid;
316
 border-left:       #3D5E74 1px solid;
317
 border-right:      #3D5E74 1px solid;
318
}
319
 
320
.cpNavOn a, .cpNavOn a:link { 
321
 color:             #BAAF50;    
322
 background:        transparent;
323
 text-decoration:   none;
324
}
325
 
326
.cpNavOn a:hover { 
327
 color:             #3D5E74;    
328
 background:        transparent;
329
 text-decoration:   none;
330
}
331
/*
332
 
333
    LINKS IN NAVIGATION TABS
334
--------------------------------------------------------------- */
335
.cpNavOff a:link { 
336
 color:             #EDEBD7;
337
 background:        transparent;
338
 text-decoration:   none;
339
}  
340
 
341
.cpNavOff a:visited { 
342
 color:             #EDEBD7;
343
 background:        transparent;
344
 text-decoration:   none;
345
}
346
 
347
.cpNavOff a:active { 
348
 color:             #EDEBD7;
349
 background:        transparent;
350
 text-decoration:   none;
351
}
352
 
353
.cpNavOff a:hover { 
354
 color:             #0A2B41;    
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:     #789FB8 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:             #32536A;
393
 background-color:  transparent;
394
}
395
 
396
.crumblinks a:visited {
397
 color:             #32536A;
398
 background-color:  transparent;
399
}
400
 
401
.crumblinks a:hover {
402
 color:             #D7D19B;
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:             #D7D19B;
422
 text-decoration:   none;
423
 background-color:  transparent;
424
}
425
 
426
.crumblinksR a:visited {
427
 color:             #D7D19B;
428
 background-color:  transparent;
429
}
430
 
431
.crumblinksR a:active {
432
 color:             #32536A;
433
 background-color:  transparent;
434
}
435
 
436
.crumblinksR a:hover {
437
 color:             #125078;
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:  #A9C3D3;  
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:     #789FB8 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:      #789FB8 1px solid;
596
 padding:          0 4px 0 14px;
597
} 
598
 
599
.rightBorderPad {
600
 border-right:     #789FB8 1px solid;
601
 padding:          0;
602
}  
603
.itemPadBotBorder {
604
 background-color:  #fff;  
605
 border-bottom:     #789FB8 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 #789FB8;
624
 border-bottom:		1px solid #789FB8;
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:				#000;
633
 padding:			5px 4px 5px 10px;
634
 background-color:	#799EB8;  
635
 border-top:		1px solid #fff;
636
 border-bottom:		1px solid #eee;
637
 margin:			0 0 0 0; 
638
}
639
/*
640
 
641
    ADMIN PAGE
642
--------------------------------------------------------------- */
643
 
644
.leftCel {
645
 border-right:      #789FB8 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:             #006699;
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:  #EDEBD7;  
744
 border:            #789FB8 1px solid;
745
 padding:           12px 10px 5px 10px;
746
 margin:     		5px 0 4px 0;
747
}
748
 
749
.box280 {
750
 background-color:  #fff;  
751
 border:            #789FB8 1px solid;
752
 padding:           12px;
753
 width:             280px;
754
 margin-top:        8px;
755
}
756
.box320 {
757
 background-color:  #EDEBD7;  
758
 border:            #789FB8 1px solid;
759
 padding:           12px;
760
 width:             320px;
761
 margin-bottom:     4px;
762
 margin-top:        2px;
763
}
764
.box450 {
765
 background-color:  #EDEBD7;  
766
 border:            #789FB8 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:     #789FB8 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:     #789FB8 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:     #789FB8 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:      #789FB8 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 #789FB8;
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 #789FB8; 
865
 border-right:      1px solid #789FB8; 
866
 border-left:       1px solid #789FB8; 
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 #A7A9BE;
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 #A7A9BE;
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 #A7A9BE;
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 #A7A9BE;
916
 border-right:      1px solid #fff;
917
 background-color:  #EDEBD7;  
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 #A7A9BE;
927
 border-right:      1px solid #fff;
928
 background-color:  #A9C3D3;  
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:            #789FB8 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:        #789FB8 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:        #799EB8;
1090
}
1091
 
1092
.phpinfohead {
1093
 background:        #799EB8;
1094
}
1095
 
1096
.phpinforow {
1097
 background:        #799EB8;
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
}