Subversion Repositories svnkaklik

Rev

Details | Last modification | View Log

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