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:             #330099;
35
 background-color:  transparent;
36
}
37
 
38
a:visited {
39
 color:             #330099;
40
 background-color:  transparent;
41
}
42
 
43
a:hover {
44
 color:             #000;
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:     #7B81A9 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:  #000;
265
 border-bottom:     #fff 1px solid;
266
}
267
 
268
#header {  
269
 background-color:  #797EB8;
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:        #797EB8;
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:     #000 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:        #000 1px solid;
316
 border-left:       #000 1px solid;
317
 border-right:      #000 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:     #7B81A9 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:             #330099;
387
 background-color:  transparent;
388
}
389
 
390
.crumblinks a:visited {
391
 color:             #330099;
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:             #330099;
416
 text-decoration:   none;
417
 background-color:  transparent;
418
}
419
 
420
.crumblinksR a:visited {
421
 color:             #330099;
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:  #E5E9F1;  
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
   PUBLISH PAGE
545
--------------------------------------------------------------- */
546
 
547
.publishBorder {
548
 padding-bottom:    8px;
549
 margin-bottom:     6px;
550
 margin-left:		8px;
551
 border-bottom:     #7B81A9 1px solid;
552
}
553
 
554
.publishBorderNB {
555
 padding-bottom:    8px;
556
 margin-bottom:     6px;
557
 margin-left:		8px;
558
}
559
 
560
.publishPad {
561
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
562
 font-size:         11px;
563
 color:             #000;
564
 padding:			1px 5px 1px 10px;
565
 background-color:  transparent;  
566
}
567
/*
568
 
569
    CONTROL PANEL HOME PAGE
570
--------------------------------------------------------------- */
571
 
572
.leftColumn {
573
 padding:           0 14px 0 0;
574
}  
575
 
576
.rightColumn {
577
 padding:           0 0 0 14px;
578
}
579
 
580
.itemPad {
581
 padding:           0 0 20px 0;
582
}
583
/*
584
 
585
   TEMPLATES PAGE
586
--------------------------------------------------------------- */
587
 
588
.leftBorderPad {
589
 border-left:      #A7A9BE 1px solid;
590
 padding:          0 4px 0 14px;
591
}
592
 
593
.rightBorderPad {
594
 border-right:     #7B81A9 1px solid;
595
 padding:          0;
596
}  
597
.itemPadBotBorder {
598
 background-color:  #fff;  
599
 border-bottom:     #7B81A9 1px dashed;
600
 padding:           10px 0 16px 0;
601
 width:             90%;
602
 margin-bottom:     8px;
603
}
604
/*
605
 
606
   MY PROFILE PAGE
607
--------------------------------------------------------------- */
608
 
609
.profileMenuInner {
610
 padding-left:      10px;
611
 padding-right:     8px;
612
 margin-bottom:     4px;
613
 margin-top:        4px;
614
}
615
 
616
.borderTopBot {
617
 border-top:		1px solid #7B81A9;
618
 border-bottom:		1px solid #7B81A9;
619
}
620
 
621
.profileHead {
622
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
623
 font-size:			10px;
624
 font-weight:		bold;
625
 text-transform:	uppercase;
626
 color:				#000;
627
 padding:			5px 4px 5px 10px;
628
 background-color:	#B8BED9;  
629
 border-top:		1px solid #fff;
630
 border-bottom:		1px solid #eee;
631
 margin:			0 0 0 0; 
632
}
633
/*
634
 
635
    ADMIN PAGE
636
--------------------------------------------------------------- */
637
 
638
.leftCel {
639
 border-right:      #7B81A9 1px solid;
640
 padding:           0 40px 0 0;
641
 white-space:       nowrap;
642
}  
643
 
644
.rightCel {
645
 padding:           0 0 0 40px;
646
 white-space:       nowrap;
647
}  
648
 
649
.menuHeading {  
650
 font-family:       Trebuchet MS, Arial, Verdana, Sans-serif;
651
 font-size:         14px;
652
 color:             #000;
653
 font-weight:       bold;
654
 margin:            3px 0 3px 5px;
655
 background:        transparent;
656
}
657
 
658
.menuItem {
659
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
660
 font-size:         11px;
661
 color:             #000;
662
 background-color:  transparent;
663
 padding:           3px 0 3px 6px;
664
}
665
 
666
.menuWrapper {
667
 margin:            0 0 14px 0;
668
}
669
/*
670
 
671
    "SUCCESS" MESSAGE
672
    Used to display a message after user actions
673
    like submitting an entry, or updating preferences, etc.
674
--------------------------------------------------------------- */
675
 
676
.success{
677
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
678
 font-size:         12px;
679
 color:             #009933;
680
 font-weight:       bold;
681
 background-color:  transparent; 
682
 margin:            5px 0 5px 0;
683
}
684
/*
685
 
686
    ITEM WRAPPERS
687
    Adds a little padding above and below the item.  Used often
688
    to add a bit of space around text or forms.
689
--------------------------------------------------------------- */
690
 
691
.itemWrapper {
692
 padding:           3px 0 5px 0;
693
 background-color:  transparent;  
694
}
695
 
696
.itemWrapperTop {
697
 padding:           12px 0 4px 0;
698
 background-color:  transparent;  
699
}
700
 
701
.itemTitle {
702
 font-family:       Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
703
 font-size:         11px;
704
 font-weight:       bold;
705
 color:             #000;
706
 padding:           3px 0 2px 0;
707
 background-color:  transparent;  
708
}
709
 
710
.fieldWrapper {
711
 font-family:       Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
712
 font-size:         11px;
713
 color:             #000;
714
 padding:           0 0 12px 0;
715
 background-color:  transparent;  
716
}
717
 
718
.xhtmlWrapper {
719
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
720
 font-size:         10px;
721
 font-weight:       normal;
722
 color:             #000;
723
 text-align:        right;
724
 padding:           0;
725
 background-color:  transparent;  
726
}
727
 
728
.xhtmlWrapperLight {
729
 color:				#666;
730
 font-weight:       bold;
731
}
732
/*
733
 
734
    BOXES - USED TO ENCLOSE ITEMS
735
--------------------------------------------------------------- */
736
.box {
737
 background-color:  #F2F2FF;  
738
 border:            #7B81A9 1px solid;
739
 padding:           12px 10px 5px 10px;
740
 margin:     		5px 0 4px 0;
741
}
742
 
743
.box280 {
744
 background-color:  #fff;  
745
 border:            #7B81A9 1px solid;
746
 padding:           12px;
747
 width:             280px;
748
 margin-top:        8px;
749
}
750
.box320 {
751
 background-color:  #F2F2FF;  
752
 border:            #7B81A9 1px solid;
753
 padding:           12px;
754
 width:             320px;
755
 margin-bottom:     4px;
756
 margin-top:        2px;
757
}
758
.box450 {
759
 background-color:  #F2F2FF;  
760
 border:            #7B81A9 1px solid;
761
 padding:           12px;
762
 width:             450px;
763
 margin-bottom:     4px;
764
 margin-top:        2px;
765
}
766
/*
767
 
768
   SPACER BETWEEN GROUPINGS OF FORM FIELDS
769
--------------------------------------------------------------- */
770
 
771
.padBotBorder {
772
 background-color:  #fff;  
773
 border-bottom:     #7B81A9 1px dashed;
774
 padding:           10px 0 16px 0;
775
 margin-bottom:     8px;
776
 width:             90%;
777
}
778
 
779
.pad400 {
780
 background-color:  #fff;  
781
 border-bottom:     #7B81A9 1px dashed;
782
 padding:           10px 0 16px 0;
783
 width:             400px;
784
 margin-bottom:     8px;
785
}
786
.pad400NoBorder {
787
 background-color:  #fff;  
788
 padding:           10px 0 16px 0;
789
 width:             400px;
790
 margin-bottom:     8px;
791
}
792
/*
793
 
794
   COMMEMT/TRACKBACK DISPLAY IN CP
795
--------------------------------------------------------------- */
796
 
797
.comments {
798
 background-color:  #fff;  
799
 border-bottom:     #7B81A9 1px dashed;
800
}
801
 
802
.cmtCredits {
803
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
804
 font-size:         11px;
805
 color:             #999;
806
 margin-bottom:     3px;
807
}
808
 
809
.cmtCreditVal {
810
 color:             #000;
811
 padding-left:      6px;
812
}
813
 
814
.cmtRightBorder {
815
 border-right:      #7B81A9 1px dashed;
816
 padding-right:     14px;
817
}
818
 
819
.cmtLeftPad {
820
 padding:           2px 6px 0 6px;
821
}
822
/*
823
    CATEGORY DISPLAY (used for category ID numbers in Admin page)
824
--------------------------------------------------------------- */
825
.category {
826
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
827
 font-size:         11px;
828
 color:             #666;
829
 line-height:       18px;
830
 letter-spacing:	.09em;
831
}
832
/*
833
 
834
    TABLE FORMATTING
835
--------------------------------------------------------------- */
836
 
837
.subtext {
838
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
839
 font-size:         11px;
840
 font-weight:       normal;
841
 color:             #000;
842
 padding:           6px 0 3px 0;
843
}
844
 
845
 
846
.tableBorder {
847
 border:            1px solid #7B81A9;
848
 margin-top:        1px;
849
 margin-bottom:     4px;
850
}
851
 
852
.tablePad {
853
 padding:           2px 4px 5px 4px;
854
 background-color:	#fff;
855
}
856
 
857
.tableBorderNoBot {
858
 border-top:        1px solid #7B81A9; 
859
 border-right:      1px solid #7B81A9; 
860
 border-left:       1px solid #7B81A9; 
861
 margin-bottom:     2px;
862
}
863
 
864
.tableHeading {
865
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
866
 font-size:         11px;
867
 font-weight:       normal;
868
 color:             #000;
869
 padding:           12px 6px 12px 6px;
870
 background-color:  #fff;  
871
 border-bottom:     1px solid #A7A9BE;
872
}
873
 
874
.tableHeadingBold {
875
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
876
 font-size:         11px;
877
 font-weight:       bold;
878
 color:             #000;
879
 padding:           12px 6px 12px 6px;
880
 background-color:  #fff;  
881
 border-bottom:     1px solid #A7A9BE;
882
}
883
 
884
.tableHeadingLargeBold {
885
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
886
 font-size:         13px;
887
 font-weight:       bold;
888
 color:             #000;
889
 padding:           12px 6px 12px 6px;
890
 background-color:  #fff;  
891
 border-bottom:     1px solid #A7A9BE;
892
}
893
 
894
.tableHeadingBoldNoBot {
895
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
896
 font-size:         11px;
897
 font-weight:       bold;
898
 color:             #000;
899
 padding:           10px 6px 10px 6px;
900
 background-color:  #fff;  
901
}  
902
 
903
.tableCellOne, .tableCellOneBold {
904
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
905
 font-size:         11px;
906
 color:             #000;
907
 padding:           6px 10px 6px 6px;
908
 border-top:        1px solid #fff;
909
 border-bottom:     1px solid #A7A9BE;
910
 border-right:      1px solid #fff;
911
 background-color:  #F4F4FF;  
912
}
913
 
914
.tableCellTwo, .tableCellTwoBold {
915
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
916
 font-size:         11px;
917
 color:             #000;
918
 padding:           6px 10px 6px 6px;
919
 border-top:        1px solid #fff;
920
 border-bottom:     1px solid #A7A9BE;
921
 border-right:      1px solid #fff;
922
 background-color:  #E5E7EC;  
923
}
924
 
925
.tableCellOneBold {
926
 font-weight:       bold;
927
}
928
.tableCellTwoBold {
929
 font-weight:       bold;
930
}
931
/*
932
    IMAGE THUMBNAIL FORM
933
--------------------------------------------------------------- */
934
.thumb {
935
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
936
 font-size:         11px;
937
 color:             #000;
938
 width:				240px;
939
 border:        	1px solid #990000;
940
}
941
.thumbPad {
942
 padding:			8px;
943
}
944
 
945
/*
946
    COPYRIGHT NOTICE
947
--------------------------------------------------------------- */
948
.copyright {
949
 text-align:        center;
950
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
951
 font-size:         9px;
952
 color:             #999;
953
 line-height:       15px;
954
 margin-top:        15px;
955
 margin-bottom:     15px;
956
 padding:           15px;
957
}
958
/*
959
 
960
    FORM FIELD FORMATTING
961
--------------------------------------------------------------- */
962
 
963
form {
964
 margin:            0;
965
}
966
.hidden {
967
 margin:            0;
968
 padding:           0;
969
 border:            0;
970
}
971
.input {
972
 border-top:        1px solid #999999;
973
 border-left:       1px solid #999999;
974
 background-color:  #fff;
975
 color:             #000;
976
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
977
 font-size:         11px;
978
 height:            1.6em;
979
 padding:           .3em 0 0 2px;
980
 margin-top:        6px;
981
 margin-bottom:     3px;
982
} 
983
.textarea {
984
 border-top:        1px solid #999999;
985
 border-left:       1px solid #999999;
986
 background-color:  #fff;
987
 color:             #000;
988
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
989
 font-size:         11px;
990
 margin-top:        3px;
991
 margin-bottom:     3px;
992
}
993
.select {
994
 background-color:  #fff;
995
 font-family:       Arial, Verdana, Sans-serif;
996
 font-size:         10px;
997
 font-weight:       normal;
998
 letter-spacing:    .1em;
999
 color:             #000;
1000
 margin-top:        6px;
1001
 margin-bottom:     3px;
1002
} 
1003
.multiselect {
1004
 border-top:        1px solid #999999;
1005
 border-left:       1px solid #999999;
1006
 background-color:  #fff;
1007
 color:             #000;
1008
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
1009
 font-size:         11px;
1010
 margin-top:        6px;
1011
 margin-bottom:     3px;
1012
} 
1013
.radio {
1014
 color:             #000;
1015
 margin-top:        7px;
1016
 margin-bottom:     4px;
1017
 padding:           0;
1018
 border:            0;
1019
 background-color:  transparent;
1020
}
1021
.checkbox {
1022
 background-color:  transparent;
1023
 margin:            3px;
1024
 padding:           0;
1025
 border:            0;
1026
}
1027
.submit {
1028
 background-color:  #fff;
1029
 font-family:       Arial, Verdana, Sans-serif;
1030
 font-size:         10px;
1031
 font-weight:       normal;
1032
 letter-spacing:    .1em;
1033
 padding:           1px 3px 1px 3px;
1034
 margin-top:        6px;
1035
 margin-bottom:     4px;
1036
 text-transform:    uppercase;
1037
 color:             #000;
1038
}  
1039
/*
1040
 
1041
    ERROR MESSAGE OUTER WRAPPER
1042
    NOTE: the border color needs to match the breadcrumb
1043
--------------------------------------------------------------- */
1044
#error {
1045
 margin-top:        15px;
1046
 padding:           1px;
1047
 border:            #7B81A9 1px solid;
1048
}
1049
/*
1050
 
1051
    ERROR MESSAGE HEADING
1052
--------------------------------------------------------------- */
1053
.errorheading{
1054
 color:             #990000;
1055
 background:        #ccc;
1056
 font-family:       Verdana, Trebuchet MS, Arial, Sans-serif;
1057
 text-align:        center;
1058
 font-size:         12px;
1059
 font-weight:       bold;
1060
 letter-spacing:    1px;
1061
 text-transform:    uppercase;
1062
 padding:           4px;
1063
 margin-bottom:     1px;
1064
}
1065
/*
1066
 
1067
    ERROR MESSAGE BODY
1068
--------------------------------------------------------------- */
1069
.errormessage {
1070
 color:             #000;
1071
 border-top:        #7B81A9 1px solid;
1072
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
1073
 font-size:         12px;
1074
 text-align:        center;
1075
 padding:           20px 10px 20px 10px;
1076
}
1077
/*
1078
 
1079
    PHP-INFO FORMATTING (used on PHP info page)
1080
--------------------------------------------------------------- */
1081
 
1082
.phpinfotable {
1083
 background:        #797EB8;
1084
}
1085
 
1086
.phpinfohead {
1087
 background:        #797EB8;
1088
}
1089
 
1090
.phpinforow {
1091
 background:        #797EB8;
1092
}
1093
 
1094
.phpinfocell {
1095
 background:        #fff;
1096
}
1097
/*
1098
 
1099
    CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE
1100
--------------------------------------------------------------- */
1101
 
1102
/* The main calendar widget.  DIV containing a table. */
1103
 
1104
.calendar {
1105
  margin-top: 6px;
1106
  display: none;
1107
  border-right: 1px solid #666;
1108
  border-bottom: 1px solid #666;
1109
  color: #000;
1110
  cursor: default;
1111
  background: transparent;
1112
  font-family: tahoma,verdana,sans-serif;
1113
}
1114
 
1115
.calendar table {
1116
  border-top: 1px solid #000;
1117
  border-right: 1px solid #fff;
1118
  border-bottom: 1px solid #fff;
1119
  border-left: 1px solid #000;
1120
  font-size: 11px;
1121
  color: #000;
1122
  background: #e5e9f1;
1123
  font-family: verdana,tahoma,sans-serif;
1124
}
1125
 
1126
/* Header part -- contains navigation buttons and day names. */
1127
 
1128
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
1129
  text-align: center;
1130
  padding: 1px;
1131
  border-top: 1px solid #fff;
1132
  border-right: 1px solid #000;
1133
  border-bottom: 1px solid #000;
1134
  border-left: 1px solid #fff;
1135
}
1136
 
1137
.calendar .nav {
1138
}
1139
 
1140
.calendar thead .title { /* This holds the current "month, year" */
1141
  font-weight: bold;
1142
  font-size: 11px;
1143
  padding: 1px;
1144
  border: 1px solid #000;
1145
  background: #797eb8;
1146
  color: #fff;
1147
  text-align: center;
1148
}
1149
 
1150
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
1151
}
1152
 
1153
.calendar thead .daynames { /* Row <TR> containing the day names */
1154
}
1155
 
1156
.calendar thead .name { /* Cells <TD> containing the day names */
1157
  border-bottom: 1px solid #000;
1158
  padding: 2px;
1159
  font-weight: bold;
1160
  font-size: 10px;
1161
  font-family: tahoma,verdana,sans-serif;
1162
  text-align: center;
1163
  background: #f0f0f0;
1164
}
1165
 
1166
.calendar thead .weekend { /* How a weekend day name shows in header */
1167
  color: #000;
1168
}
1169
 
1170
.calendar thead .hilite { /* How do the buttons in header appear when hover */
1171
  background: #ddd;
1172
}
1173
 
1174
.calendar thead .active { /* Active (pressed) buttons in header */
1175
  padding: 2px 0px 0px 2px;
1176
  border-top: 1px solid #000;
1177
  border-right: 1px solid #fff;
1178
  border-left: 1px solid #000;
1179
  background-color: #999;
1180
}
1181
 
1182
/* The body part -- contains all the days in month. */
1183
 
1184
.calendar tbody .day { /* Cells <TD> containing month days dates */
1185
  width: 1.8em;
1186
  text-align: right;
1187
  padding: 2px 4px 2px 2px;
1188
}
1189
.calendar tbody .day.othermonth {
1190
  font-size: 11px;
1191
  color: #aaa;
1192
}
1193
.calendar tbody .day.othermonth.oweekend {
1194
  color: #000;
1195
}
1196
 
1197
.calendar table .wn {
1198
  padding: 2px 3px 2px 2px;
1199
  border-right: 1px solid #000;
1200
  background: #ddd;
1201
}
1202
 
1203
.calendar tbody .rowhilite td {
1204
  background: #e5e9f1;
1205
}
1206
 
1207
.calendar tbody .rowhilite td.wn {
1208
  background: #e5e9f1;
1209
}
1210
 
1211
.calendar tbody td.hilite { /* Hovered cells <TD> */
1212
  padding: 1px 3px 1px 1px;
1213
  border-top: 1px solid #fff;
1214
  border-right: 1px solid #000;
1215
  border-bottom: 1px solid #000;
1216
  border-left: 1px solid #fff;
1217
  background: #797eb8;
1218
}
1219
 
1220
.calendar tbody td.active { /* Active (pressed) cells <TD> */
1221
  padding: 2px 2px 0px 2px;
1222
  border-top: 1px solid #000;
1223
  border-right: 1px solid #fff;
1224
  border-bottom: 1px solid #fff;
1225
  border-left: 1px solid #000;
1226
}
1227
 
1228
.calendar tbody td.selected { /* Cell showing selected date */
1229
  font-weight: bold;
1230
  border-top: 1px solid #000;
1231
  border-right: 1px solid #fff;
1232
  border-bottom: 1px solid #fff;
1233
  border-left: 1px solid #000;
1234
  padding: 1px 3px 1px 1px;
1235
  background: #eee;
1236
}
1237
 
1238
.calendar tbody td.weekend { /* Cells showing weekend days */
1239
  color: #000;
1240
}
1241
 
1242
.calendar tbody td.today { /* Cell showing today date */
1243
  font-weight: bold;
1244
  color: #000;
1245
}
1246
 
1247
.calendar tbody .disabled { color: #999; }
1248
 
1249
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
1250
  visibility: hidden;
1251
}
1252
 
1253
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
1254
  display: none;
1255
}
1256
 
1257
/* The footer part -- status bar and "Close" button */
1258
 
1259
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
1260
}
1261
 
1262
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
1263
  background: transparent;
1264
  padding: 1px;
1265
  border: 1px solid #000;
1266
  background: #797eb8;
1267
  color: #fff;
1268
  text-align: center;
1269
  font-size: 11px;
1270
}
1271
 
1272
.calendar tfoot .hilite { /* Hover style for buttons in footer */
1273
  border-top: 1px solid #fff;
1274
  border-right: 1px solid #000;
1275
  border-bottom: 1px solid #000;
1276
  border-left: 1px solid #fff;
1277
  padding: 1px;
1278
  background: #f0f0f0;
1279
}
1280
 
1281
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
1282
  padding: 2px 0px 0px 2px;
1283
  border-top: 1px solid #000;
1284
  border-right: 1px solid #fff;
1285
  border-bottom: 1px solid #fff;
1286
  border-left: 1px solid #000;
1287
}
1288
 
1289
/* Combo boxes (menus that display months/years for direct selection) */
1290
 
1291
.calendar .combo {
1292
  position: absolute;
1293
  display: none;
1294
  width: 4em;
1295
  top: 0px;
1296
  left: 0px;
1297
  cursor: default;
1298
  border-top: 1px solid #fff;
1299
  border-right: 1px solid #000;
1300
  border-bottom: 1px solid #000;
1301
  border-left: 1px solid #fff;
1302
  background: #ccc;
1303
  font-size: 90%;
1304
  padding: 1px;
1305
}
1306
 
1307
.calendar .combo .label,
1308
.calendar .combo .label-IEfix {
1309
  text-align: center;
1310
  padding: 1px;
1311
}
1312
 
1313
.calendar .combo .label-IEfix {
1314
  width: 4em;
1315
}
1316
 
1317
.calendar .combo .active {
1318
  background: #efefef;
1319
  padding: 0px;
1320
  border-top: 1px solid #000;
1321
  border-right: 1px solid #fff;
1322
  border-bottom: 1px solid #fff;
1323
  border-left: 1px solid #000;
1324
}
1325
 
1326
.calendar .combo .hilite {
1327
  background: #048;
1328
  color: #fea;
1329
}
1330
 
1331
.calendar td.time {
1332
  border-top: 1px solid #000;
1333
  padding: 1px 0 0 0;
1334
  text-align: center;
1335
  background-color: #f0f0f0;
1336
}
1337
 
1338
.calendar td.time .hour,
1339
.calendar td.time .minute,
1340
.calendar td.time .ampm {
1341
  padding: 0px 3px 0px 4px;
1342
  border-top: 1px solid #666;
1343
  border-right: 1px solid #999;
1344
  border-bottom: 1px solid #fff;
1345
  border-left: 1px solid #000;
1346
  font-weight: bold;
1347
  background-color: #fff;
1348
}
1349
 
1350
.calendar td.time .ampm {
1351
 text-align: center;
1352
 text-transform: uppercase;
1353
}
1354
 
1355
.calendar td.time .colon {
1356
  padding: 0px 2px 0px 3px;
1357
  font-weight: bold;
1358
}
1359
 
1360
.calendar td.time span.hilite {
1361
  border-color: #000;
1362
  background-color: #eee;
1363
  color: #000;
1364
}
1365
 
1366
.calendar td.time span.active {
1367
  border-color: #f00;
1368
  background-color: #efefef;
1369
  color: #990000;
1370
}