]> code.citadel.org Git - citadel.git/blob - webcit/static/webcit.css
come back to transparent buttons for messages, use the same way for display messages...
[citadel.git] / webcit / static / webcit.css
1 @media print {
2         input#toggler, .toolbar { display: none }
3 }
4
5 /* Typography & colors */
6
7 html {  font-size: 100%;}
8
9 body { font-size: 11pt}
10
11 #banner h1 { font-size: 16pt; }
12
13 #banner h2,#banner .titlebar, .address_book_popup_title {
14         font-size: 13pt;
15 }
16
17 #button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .mailbox_summary, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, #navbar, .selector_top, .selector_bottom, .room_banner .infos,.room_banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, #message_list_hdr table, .message_header, ul.adminitems li span {
18         font-size: 10pt;
19 }
20
21 #wholist li {
22         font-size: 8pt;
23 }
24
25 /* Color */
26
27 body {
28         background-color: #6C91A6;
29         font-family: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
30         font-weight: 400;
31 }
32
33 #iconbar, .boxcontent,.service form div,table.altern .odd, #message_list, .message_content, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul {
34         background-color: #FFF;
35         color: #000;
36 }
37
38 #login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt 
39  {
40         background-color: #CCC;
41 }
42
43 .box, #wholist li.inactiveuser a {
44         background-color: transparent;
45 }
46
47 .room_banner .infos {
48         cursor: help;
49 }
50
51 input, select, #login_form #uname, #login_form #pname, #wholist li.activeuser a, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
52         background-color: #fbf4ca;
53 }
54
55 input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
56         border: 1px solid #999;
57         color: #333;
58 }
59
60 .login_message {
61         color: #AD1C00;
62         font-weight: 700;
63         text-transform: uppercase;
64 }
65
66 #iconbar ul li a, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
67         background-color: #F0FFFF;
68         color: #333;
69 }
70
71 #iconbar #button {
72         border: none;
73         list-style: none;
74 }
75
76 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
77         border: 1px solid #333;
78 }
79
80
81 .buttons a,.roomlist_floor,.tablabel,.treetitle {
82         color: #000;
83         font-weight: 700;
84 }
85
86 #button li {
87         border: none;
88         border-bottom: 2px groove #CCC;
89         border-right: 2px groove #CCC;
90 }
91
92 .logo_citadel a,.logo_citadel img {
93         border: none;
94 }
95
96 .logo,.logo_citadel, #button li.switch {
97         border: none;
98         border-bottom: 1px solid #AAA;
99 }
100
101 #button li a {
102         color: #000;
103         text-decoration: none;
104 }
105
106 #wholist li {
107         border: none;
108         border-top: 1px solid #AAA;
109 }
110
111 #banner h1,#banner h2,.room_banner .nummsgs,.mimepart div,.required {
112         font-weight: 700;
113 }
114
115 #banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom {
116         background-color: #022750;
117         color: #FFF;
118 }
119
120 #banner {
121         background-color: #004E79;
122         color: #FFF
123
124 }
125 #banner a {
126         color: #FFF
127 }
128
129 .room_actions form select {
130         cursor: pointer;
131 }
132
133 #content {
134         background-color: #6C91A6;
135         color: #000;
136 }
137
138 #message_list_hdr form input {
139         border: 0;
140 }
141
142 #message_list_hdr select {
143         background-color: #AD1C00;
144         border: 1px solid #6C91A6;
145 }
146
147 #message_list_hdr table {
148         font-style: italic;
149 }
150
151 #resize_msglist {
152         background-image: url(/static/resizegrippy.gif);
153         background-position: center;
154         background-repeat: no-repeat;
155 }
156
157 #resize_msglist hr {
158         background-color: #999;
159         border: 0;
160         color: #999;
161         height: 3px;
162 }
163
164 .message {
165         border: 1px outset #999;
166         clear: both;
167 }
168
169 .message_header .message_subject {
170         font-style: italic;
171 }
172
173 .adminlist {
174         list-style: none;
175 }
176
177 .customize {
178         background-color: #DDC;
179         color: #004;
180         font-style: italic;
181 }
182
183 .default {
184         font-style: normal;
185         text-decoration: underline;
186 }
187
188 .editednodeinput {
189         background-color: #FFF;
190         border: 1px solid #000;
191         color: #000;
192         height: 17px;
193         width: 150px;
194 }
195
196 .error a: link,.error a:visited,.error a:active {
197         background: none;
198         color: #DC143C;
199         text-decoration: underline;
200 }
201
202 .error strong {
203         background: #FFD700;
204         color: #DC143C;
205         text-decoration: none;
206 }
207
208 .error strong a: link,.error strong a:visited,.error strong a:active {
209         background: #FFD700;
210         color: #DC143C;
211 }
212
213 .errormsg {
214         background: none;
215         color: #A00;
216         font-style: italic;
217         font-weight: 700;
218 }
219
220 .floors_config,.roomops_zap {
221         background-color: #700;
222         border: 0;
223 }
224
225 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
226         cursor: pointer;
227 }
228
229 .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
230         font-weight: 700;
231 }
232
233 .ib_roomlist_floor {
234         color: #000;
235 }
236
237 .roomlist_new, .ib_roomlist_new {
238         color: #800;
239 }
240
241 .roomlist_old, .ib_roomlist_old {
242         color: #008;
243 }
244
245 .imsg {
246         background: none;
247         color: #AAA;
248         font-style: italic;
249         font-weight: 700;
250 }
251
252 .menubar_bg {
253         background-color: red;
254 }
255
256 .mimepart div span {
257         display: block;
258         font-style: italic;
259 }
260
261 .mimepart dl dd,.mailbox_summary td, .mimepart dl dt {
262         border-top: 1px solid #AAA;
263 }
264
265 .mimepart dl dt {
266         font-weight: 700;
267 }
268
269 .roomops_cell_label,.boxlabel,.tab_cell_label {
270         background-color: #FF7814;
271         color: #FFF;
272         font-weight: 700;
273 }
274
275 .selectbox {
276         background-color: #FF8000;
277 }
278
279 .tab_cell,.tab_cell_edit {
280         background-color: #CCC;
281         font-weight: 700;
282 }
283
284 .tabcontent {
285         background-color: #FFF;
286         border-top: 3px solid #FF7814;
287 }
288
289 .treetitleselectedblured {
290         background-color: menu;
291         color: windowtext;
292 }
293
294 .treetitleselectedfocused {
295         background-color: highlight;
296         color: highlighttext;
297 }
298
299 .warning a: link,.warning a:visited,.warning a:active, .warning {
300         background: none;
301         color: #FF4500;
302 }
303
304 .warning, .warning strong {
305         text-decoration: none;
306 }
307
308 .warning a: link,.warning a:visited,.warning a:active {
309         text-decoration: underline;
310 }
311
312 .warning strong {
313         background: #FFD700;
314         color: #FF4500;
315 }
316
317 .warning strong a: link,.warning strong a:visited,.warning strong a:active {
318         background: #FFD700;
319         color: #FF4500;
320 }
321
322 blockquote {
323         background-color: #f5f5f5 !important;
324         color: navy !important;
325 }
326
327 blockquote blockquote {
328         background-color: #ebebeb !important;
329         color: maroon !important;
330 }
331
332 blockquote blockquote blockquote {
333         background-color: #e1e1e1 !important;
334         color: green !important;
335 }
336
337 blockquote blockquote blockquote blockquote {
338         background-color: #d7d7d7 !important;
339         color: purple !important;
340 }
341
342 blockquote blockquote blockquote blockquote blockquote {
343         background-color: #cdcdcd !important;
344         color: teal !important;
345 }
346
347 blockquote pre {
348         margin-left: 1%;
349         margin-right: 1%;
350 }
351
352 div.auto_complete ul {
353         background: #fff;
354         border: 1px solid #888;
355         list-style-type: none;
356 }
357
358 div.auto_complete ul li.selected {
359         background-color: #ffc;
360 }
361
362 div.auto_complete ul strong.highlight {
363         color: #800;
364 }
365
366
367 table.altern {
368         border-bottom: solid 2px #AAA;
369         border-top: solid 2px #AAA;
370 }
371
372 table.altern .even {
373         background-color: #DDD;
374 }
375
376 td li.frameset,.elements li.frameset {
377         background: none;
378         color: gray;
379         font-weight: lighter;
380 }
381
382 td li.transitional,.elements li.transitional {
383         background: none;
384         color: #696969;
385         font-weight: lighter;
386 }
387
388 ul.adminitems {
389         list-style-type: disc;
390         padding: 0;
391 }
392
393 ul.adminitems li {
394         font-weight: 700;
395 }
396
397 ul.adminitems li span
398 {
399         color: #666;
400 }
401
402 var sub {
403         font-style: normal;
404 }
405
406 .calendar {
407         background-color: #204B78;
408 }
409
410 .day {
411         font-weight: 700;
412 }
413
414 .calout {
415         background-color: #DDDDDD;
416 }
417
418 .calday {
419         background-color: #FFFFFF;
420 }
421
422 .calweekend {
423         background-color: #EEEECC;
424 }
425
426
427
428 /* Links */
429
430 a {     text-decoration: none; }
431
432 a:active { color: #AD1C00; }
433
434 a:link { color: blue; }
435
436 a:visited { color: purple; }
437
438 #important_message, .buttons a:hover, .msgbuttons a:hover, input:hover, #button li a:hover, #wholist li a:hover, #navbar ul li a:hover {
439         background-color: #AD1C00;
440         color: #FFF;
441 }
442
443 .button_link a, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
444         background-color: transparent;
445         border: 2px groove #CCC;
446         color: #333;
447         font-weight: bold;
448         cursor: pointer;
449 }
450
451 /* Layout */
452
453 * html {
454         overflow: hidden;
455 }
456
457 body {
458         height: 100%;
459         overflow: hidden;
460         text-align: center;
461 }
462
463 body, #global {
464         margin: 0;
465         padding: 0;
466 }
467
468 #important_message {
469         position: absolute;
470         top: 0; 
471         right: 0;
472         z-index: 2;
473         padding: 3px;
474 }
475
476 #login_screen, #logout_screen {
477         margin: 0;
478         padding: 3% 6% 3% 6%;
479 }
480
481 #iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  {
482         text-align: left;
483 }
484
485 #iconbar {
486         position: absolute;
487         top: 0;
488         left: 0;
489         width: 16%;
490 }
491
492 #banner {
493         position: absolute;
494         top: 0;
495         left: 16%;
496         width: 84%;
497         height: 18%;
498 }
499
500 #navbar {
501         position: absolute;
502         bottom: 0; 
503         left: 0;
504         width: 100%;
505 }
506
507 #content {
508         position: absolute;
509         top: 18%;
510         left: 16%;
511         width: 84%;
512         height: 82%;
513         overflow: auto;
514 }
515
516 #message_list_hdr {
517         position: absolute;
518         display: block;
519         top: 0;
520         left: 0;
521         width: 100%;
522         height: 5%;
523         overflow: hidden;
524 }
525
526 #message_list {
527         position: absolute;
528         top: 5%;
529         left: 0;
530         width: 100%;
531         height: 20%;
532         overflow: auto;
533         cursor: pointer;
534 }
535
536 #resize_msglist {
537         position: absolute;
538         top: 25%;
539         left: 0;
540         width: 100%;
541         height: 1%;
542         overflow: hidden;
543         cursor: s-resize;
544 }
545
546 #preview_pane {
547         position: absolute;
548         top: 26%;
549         left: 0%;
550         width: 100%;
551         height: 74%;
552         overflow: auto;
553 }
554
555 .fix_scrollbar_bug {
556         margin-right: 1px;              /* Gecko and other non-broken browsers */
557         width: expression('96%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
558 }
559
560
561
562
563 /* Boxes */
564
565 .box {
566         width: 100%;
567         padding: 0;
568 }
569
570 #content .box {
571         margin: 2% auto 0 auto;
572         width: 95%;
573         text-align: center;
574 }
575
576 .boxlabel, .boxcontent {
577         padding: 5px;
578 }
579
580 .boxlabel {
581         text-align: center;
582 }
583
584 .boxcontent {
585         text-align: left;
586 }
587
588
589 /* Login */
590
591 #login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
592         display: block;
593         margin: 0 auto 0 auto;
594 }
595
596 #login_screen .login_message, .login_hello, #global center {
597         width: 80%;
598 }
599
600 #login_screen .login_image {
601         width: 65%;
602 }
603
604 #login_screen #login_form {
605         padding: 10px;
606         width: 320px;
607 }
608
609 #login_form input, #login_form label, #login_form select {
610         display: block;
611         float: left;
612         margin: 6pt;
613 }
614
615 #login_form label, #pname, #uname {
616         width: 130px;
617         text-align: left;
618 }
619
620 #login_form br {
621         clear: left;
622 }
623
624 .login_infos {
625         display: block;
626         margin: 20px auto 0 auto;
627         width: 80% ;
628         text-align: left;
629 }
630
631
632 /* Iconbar */
633
634 .logo, .logo_citadel, #iconbar #button, #button li.switch, #wholist {
635         margin: 0;
636         padding: 0;
637 }
638
639 .logo, .logo_citadel, #button li.switch, #wholist li {
640         text-align: center;
641 }
642
643 .logo, .logo_citadel {
644         display: block;
645 }
646
647 #iconbar #button {
648         width: 100%;
649 }
650
651 #button li {
652         margin: 4px 8px 4px 8px;
653         padding: 0;
654 }
655
656
657
658 #button img {
659         vertical-align: middle;
660         padding-left: 2px;
661         padding-right: 5px;
662 }
663
664 #button li a {
665         display: block;
666         width: 100%;
667 }
668
669 html>body #button li a {
670         width: auto;
671 }
672
673 #wholist {
674         border: 0;
675         max-height: 200px;
676         overflow: auto;
677 }
678
679 #wholist li {
680         list-style: none;
681         margin: 0;
682         padding: 2px;
683         white-space: nowrap;
684 }
685
686
687 .ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
688         margin: 4px;
689         padding: 0;
690 }
691
692 /* Banner */
693
694 #banner .room_banner {
695         float: left;
696         margin: 0;
697         padding: 0;
698 }
699
700 #banner .room_banner img {
701         float: left;
702         margin: 0 5px 15px 0;
703 }
704
705 #banner h1, #banner h2, #banner .room_banner .infos, #banner .room_banner p {
706         margin: 2px;
707         padding: 0;
708 }
709
710 #room_infos {
711         position: absolute;
712         top: 0;
713         left: 50%;
714         width: 45%;
715         z-index: 10;
716         cursor: pointer;
717         text-align: left;
718         padding: 10px 2px 2px 2px;
719 }
720
721 #room_infos img.close_infos {
722         float: right;
723 }
724
725 #banner ul.room_actions {
726         margin: 0;
727         list-style: none;
728         float: right;
729         text-align: right;
730 }
731
732 #banner ul.room_actions li {
733         white-space: nowrap;
734         display: inline;
735 }
736
737 #banner ul.room_actions li form {
738         margin: 0;
739         padding: 0;
740 }
741
742 #banner ul.room_actions li select, #banner ul.room_actions li input {
743         margin-top: 8px;
744         margin-right: 4px;
745 }
746
747 /* Navbar */
748
749 #navbar ul, .selector_top, .selector_bottom {
750         width: 100%;
751         margin: 0 auto 0 auto;
752         padding: 0;
753         white-space: nowrap;
754         text-align: center;
755         vertical-align: middle;
756 }
757
758 #navbar ul li {
759         display: inline;
760         list-style: none;
761         vertical-align: middle;
762 }
763
764 #navbar ul li a {
765         padding: 2px 8px 8px 8px;
766         white-space: nowrap;
767  }
768
769 #navbar ul li img {
770         float: none;
771         margin: 0 2px 0 2px;
772 }
773  
774
775 /* Content */
776
777 .boxcontent table {
778         margin: 0;
779         padding: 0;
780 }
781
782 #content table .box {
783         margin: 0;
784         width: 100%;
785         text-align: left;
786 }
787
788 .service, .who_is_online {
789         text-align: center;
790         width: 100%;
791 }
792
793 .service table {
794         margin-top: 0 auto 0 auto;
795         width: 100%;
796         text-align: left;
797 }
798
799 .instructions {
800         text-align: center;
801 }
802
803 #message_list_hdr table {
804         position: absolute;
805         bottom: 0; 
806         left: 0;
807         width: 100%;    
808 }
809
810 .selector_top, .selector_bottom {
811         text-align: center;
812 }
813
814 .message {
815         margin: 1%;
816         padding: 0;
817 }
818
819 .message_header p {
820         margin: 2px 0 2px 0;
821         padding: 0;
822 }
823
824 .button_link a, .msgbuttons a {
825         margin: 0 3px 0 3px;
826         padding: 2px;
827 }
828
829 .mimepart {
830         margin-top: 15px;
831         margin-bottom: 15px;
832         margin-left: 15%;
833         width: 70%;
834         padding: 0;
835 }
836
837 .mimepart img {
838         vertical-align: middle;
839         float: left;
840 }
841
842 .mimepart div {
843         vertical-align: middle;
844         margin: 0 0 15px 0 ;
845         padding: 5px;
846 }
847
848 .mimepart div span {
849         vertical-align: top;
850 }
851
852 .mimepart dl {
853         width: 100%;
854         padding: 5px;
855 }
856
857 .mimepart dl dt {
858         width: 30%;
859         float: left;
860         margin: 0 0 0 0;
861         padding: .5em;
862 }
863
864 /* hack ie5 mac \*/
865 dt { clear: both; }
866 /* end hack */
867
868 .mimepart dl dd {
869         float: left;
870         width: 62%;
871         margin: 0;
872         padding: .5em;
873 }
874
875 .mimepart p {
876         margin-top: 1em;
877         margin-bottom: 0;
878         clear: both;
879 }
880
881 .msgbuttons {
882         float: right;
883         visibility: hidden;
884         margin-top: 0;
885         padding: 0;
886 }
887
888 .buttons a {
889         text-align: center;
890 }
891
892 .msgbuttons a span {
893         display: none;
894 }
895
896 .message_content {
897         margin: 0;
898         padding: 0.3em;
899         clear: both;
900 }
901
902 .message form div label {
903         display: block;
904         float: left;
905         margin: 0.3em;
906         width: 9em;
907         text-align: right;
908 }
909
910 .message form div input, .message form div select {
911         margin: 0.3em;
912
913 }
914
915 .imgedit {
916         vertical-align: middle;
917 }
918
919 .send_edit_msg {
920         float: right;
921         margin-top: 0 ;
922         margin-right: 0;
923         padding-top: 2px 50px 2px 50px;
924 }
925
926 .mailbox_summary tr {
927         width: 100%;
928 }
929
930 .note {
931         font-size: 85%;
932         margin-left: 10%;
933 }
934
935 .toolbar {
936         text-align: center;
937 }
938
939 .toolbar img {
940         float: right;
941 }
942
943 .imsg {
944         text-align: center;
945 }
946
947 colgroup.entity {
948         text-align: center;
949 }
950
951 div.auto_complete ul {
952         margin: 0;
953         padding: 0;
954         width: 100%;
955 }
956
957 div.auto_complete ul li {
958         margin: 0;
959         padding: 3px;
960 }
961
962 div.auto_complete ul strong.highlight {
963         margin: 0;
964         padding: 0;
965 }
966
967 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap  {
968  width: 100%;
969 }
970
971 #address_book_popup {
972         position: absolute;
973         top: 100px;
974         right: 25px;
975         width: 320px;
976         height: auto;
977         z-index: 100;
978         display: none;
979 }
980
981 #address_book_popup_container_div {
982         position: relative;
983         width: 100%;
984         height: 100%;
985 }
986
987 #address_book_popup_middle_div {
988         position: relative;
989 }
990
991 #address_book_inner_div {
992         margin: 5px;
993 }
994
995 #address_book_inner_div select {
996         width: 100%;
997 }
998
999 #address_book_inner_div input {
1000         margin: 4px 5px 0 5px;
1001 }
1002
1003 .service .edit_col, .service .host_col {
1004         display: none;
1005 }
1006
1007 .who_is_online .edit_col, .who_is_online .host_col {
1008         display: block;
1009 }
1010
1011
1012 /* System Administration Menu */
1013
1014 ul.adminitems {
1015         margin: 15px;
1016         padding: 0;
1017 }
1018
1019 ul.adminitems li {
1020         margin: 0.5em;
1021         padding: 0;
1022 }
1023
1024 ul.adminitems li span {
1025         display: block;
1026 }
1027
1028
1029 /* Room list - Tree Node */
1030
1031 .treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
1032         padding: 2px;
1033         cursor: default;
1034 }
1035
1036
1037 table.altern {
1038         margin: 0 auto 0 auto;
1039         width: 98%
1040
1041
1042 table.altern tr td {
1043         height: 2em;    
1044
1045
1046 /* Advanced menu */
1047
1048 table.advanced {
1049         margin: 0 auto 0 auto;
1050         width: 96%;
1051         border-collapse: separate;
1052         border-spacing: 15px;
1053
1054
1055 .advanced .boxcontent ul {
1056         margin-left: 4em;
1057 }
1058
1059 .advanced .boxcontent .col1, .advanced .boxcontent .col2 { 
1060         float: left;
1061         width: 33%;
1062 }
1063
1064 .advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
1065         margin-left: 0;
1066         margin-bottom: 4em;
1067 }
1068
1069 /* Site configuration */
1070
1071 #TheTabs {
1072 }
1073
1074 .tabs_background {
1075         margin-top: 0;
1076 }
1077
1078 /* Links and buttons */
1079
1080 .send_edit_msg {
1081         margin: 0 15px 0 0;
1082 }
1083
1084 .logbuttons, .buttons {
1085         margin: 2px auto 2px auto;
1086         width: 95%;
1087         text-align: center;
1088 }
1089
1090 /* Tabs */
1091
1092 #TheTabs {
1093         margin: 3% auto 0 auto;
1094         width: 94%;
1095 }
1096
1097 ul.tabbed_dialog {
1098         list-style: none;
1099         margin: 3% auto 0 auto;
1100         width: 96%;
1101         padding: 0;
1102         white-space: nowrap;
1103         text-align: center;
1104         vertical-align: middle;
1105 }
1106
1107 ul.tabbed_dialog li {
1108         margin: 0 3% 0 3%;
1109         padding: 4px;
1110         float: left;
1111 }
1112
1113 .tabcontent {
1114         margin: 0 auto 0 auto;
1115         width: 96%;
1116         padding: 10px;
1117         clear: both;
1118 }
1119
1120 .tabcontent_submit {
1121         margin: 0 auto 0 auto;
1122         width: 50%;
1123         padding: 10px;
1124         text-align: center;
1125 }
1126
1127
1128 /* Calendar view */
1129
1130 .calendar {
1131         background-color: #204B78;
1132         margin: 0;
1133         width: 100%;
1134         height: 302px;
1135 }
1136
1137 td.events_of_the_day {
1138         width: 500px;
1139 }
1140
1141 .events_of_the_day dl {
1142         margin: 0;
1143         padding: 0;
1144         position: absolute;
1145         top: 0;
1146         left:0;
1147         width: 500px;
1148 }
1149
1150 .events_of_the_day dl dt {
1151         background-color: #FFFFFF;
1152         margin: 0;
1153         width: 500px;
1154         border: 1px solid #CCC;
1155 }
1156
1157 .events_of_the_day dl dt.hour {
1158         font-size: 16px;
1159 }
1160
1161 .events_of_the_day dl dt.extrahour {
1162         font-size: 8px;
1163 }
1164
1165 .hour_label, .extra_events dl dt {
1166         background-color: #CCCCDD;
1167         vertical-align: middle;
1168         text-align: left;       
1169 }
1170
1171 .hour_events, .extra_events {
1172         background-color: #FFFFFF;
1173         vertical-align: top;
1174         text-align: left;       
1175 }
1176
1177
1178 .extra_events ul {
1179         list-style: none;
1180         margin: 0;
1181         padding: 0;
1182 }
1183
1184 .extra_events ul li {
1185         margin: 4px;
1186 }
1187
1188 .calday, .calout, .calweekend {
1189         width: 14%;
1190         height: 60px;
1191         text-align: left;
1192         vertical-align: top;
1193 }
1194
1195 .event {
1196         filter:alpha(opacity=50);   /* Internet Explorer 6     */
1197         -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
1198         opacity: 0.5;               /* CSS3 and Mozilla  */
1199         -moz-border-radius: 8px;    /* CSS3 and Mozilla  */
1200         border: solid 1px red;
1201         background-color: yellow;
1202         z-index: 10;
1203         padding: 0 4px 0 4px; 
1204 }
1205
1206 li.event span, a.event_title {
1207         filter:alpha(opacity=100); 
1208         -moz-opacity:1.0;         
1209         opacity: 1.0;
1210         font-size: 11px;     
1211 }
1212
1213 .mini_calendar {
1214    color: #fff;
1215 }
1216
1217 .mini_calendar a {
1218    color: #fff;
1219 }
1220
1221 .mini_calendar a: link,.mini_calendar a:visited {
1222    color: #fff;
1223 }
1224
1225 .mini_calendar a:hover,.mini_calendar a:active {
1226    color: #fff;
1227    background-color: #AD1C00;
1228 }
1229
1230 .mini_calendar td a {
1231    color: #fff;
1232 }
1233
1234 .mini_calendar td a: link,.mini_calendar td a:visited {
1235    color: #fff;
1236 }
1237
1238 .mini_calendar td a:hover,.mini_calendar td a:active {
1239    color: #fff;
1240    background-color: #AD1C00;
1241
1242 }
1243
1244 .menudesc {
1245         margin: 4px;
1246         padding: 4px;
1247 }
1248