webcit/static/styles/webcit.css

   1 /*
   2  * Copyright 2005 - 2010 The Citadel Team
   3  * Licensed under the GPL V3
   4  */
   5
   6 /* These stylesheets were split from this one for convenience */
   7
   8 @import url("login.css");
   9 @import url("global.css");
  10 @import url("iconbar.css");
  11 @import url("banner.css");
  12 @import url("navbar.css");
  13 @import url("content.css");
  14 @import url("box.css");
  15 @import url("modal.css");
  16
  17 @media print {
  18         input#toggler, .toolbar { display: none }
  19 }
  20
  21 html, body {
  22         font-size: 100;
  23         height:100%;
  24         width:100%;
  25         margin:0;
  26         padding:0;
  27         overflow:hidden;
  28 }
  29
  30 .address_book_popup_title { font-size: 130% }
  31
  32 #button, #content .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
  33         font-size: 100%;
  34 }
  35
  36 #nummsgs { font-size: 75% }
  37
  38 #message_list_hdr table { font-size: 80% }
  39
  40 .mailbox_summary { font-size: 80% }
  41
  42 /* Color */
  43
  44 body {
  45         background-color: #F3F6F2;
  46         font-family: sans-serif;
  47 }
  48
  49 .marked_row {
  50         color: white;
  51         background-color: #69aaff !important;
  52 }
  53
  54 .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, .wiki_history_background, .wiki_pagelist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
  55         background-color: #FFF;
  56         color: #000;
  57 }
  58
  59 #message_list_hdr table, #resize_msglist, .message, .entmsg, .message_header, .vcard_edit_background_alt,.roomops_background_alt {
  60         background-color: #CCC;
  61 }
  62
  63 #room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart {
  64         background-color: #F0FFFF;
  65         color: #333;
  66 }
  67
  68 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
  69         border: 1px solid #333;
  70         overflow: scroll;
  71 }
  72
  73 .buttons a,.roomlist_floor,.tablabel,.treetitle {
  74         color: #000;
  75         font-weight: 700;
  76 }
  77
  78 .mimepart div,.required { font-weight: 700 }
  79
  80 .selector_top,.selector_bottom {
  81         background-color: #022750;
  82         border-top: 1px solid black;
  83         border-bottom: 1px solid black;
  84         color: #FFF;
  85 }
  86
  87 #message_list_hdr form input { border: 0 }
  88
  89 #message_list_hdr select {
  90         background-color: #3E65AF;
  91         color: #F1BD22;
  92         border: 1px solid #6C91A6;
  93 }
  94
  95 #message_list_hdr table { font-style: italic }
  96
  97 #resize_msglist {
  98         background-image: url(/static/resizegrippy.gif);
  99         background-position: center;
 100         background-repeat: no-repeat;
 101 }
 102
 103 #resize_msglist hr {
 104         background-color: #999;
 105         border: 0;
 106         color: #999;
 107         height: 3px;
 108 }
 109
 110 .message, .entmsg {
 111         border: 1px outset #999;
 112         clear: both;
 113         margin: 1%;
 114         padding: 0;
 115 }
 116
 117 .entmsg {
 118         position: absolute;
 119         height: 95%;
 120         width: 98%;
 121 }
 122
 123 .message_header .message_subject {
 124         font-style: italic;
 125         float: left;
 126 }
 127
 128 .adminlist { list-style: none }
 129
 130 .customize {
 131         background-color: #DDC;
 132         color: #004;
 133         font-style: italic;
 134 }
 135
 136 .default {
 137         font-style: normal;
 138         text-decoration: underline;
 139 }
 140
 141 .editednodeinput {
 142         background-color: #FFF;
 143         border: 1px solid #000;
 144         color: #000;
 145         height: 17px;
 146         width: 150px;
 147 }
 148
 149 .error a:link, .error a:visited, .error a:active {
 150         background: none;
 151         color: #DC143C;
 152         text-decoration: underline;
 153 }
 154
 155 .error strong {
 156         background: #FFD700;
 157         color: #DC143C;
 158         text-decoration: none;
 159 }
 160
 161 .error strong a:link,.error strong a:visited,.error strong a:active {
 162         background: #FFD700;
 163         color: #DC143C;
 164 }
 165
 166 .errormsg {
 167         background: none;
 168         color: #A00;
 169         font-style: italic;
 170         font-weight: 700;
 171 }
 172
 173 .floors_config, .roomops_zap {
 174         background-color: #700;
 175         border: 0;
 176 }
 177
 178 .imsg {
 179         background: none;
 180         color: #AAA;
 181         font-style: italic;
 182         font-weight: 700;
 183 }
 184
 185 .menubar_bg { background-color: red }
 186
 187 .mimepart div span {
 188         display: block;
 189         font-style: italic;
 190 }
 191
 192 .mimepart dl dd, .mimepart dl dt {
 193         border-top: 1px solid #AAA;
 194 }
 195
 196 .mailbox_summary td {
 197         /* border-top: 1px solid #AAA; */
 198         white-space: nowrap;
 199         overflow: hidden;
 200 }
 201
 202 .mimepart dl dt { font-weight: 700 }
 203
 204 .roomops_cell_label, .tab_cell_label {
 205         background-color: #424b52;
 206         color: #EABB3A;
 207         font-size: 80%;
 208         font-weight: bold;
 209         border-radius: 8px 8px 0 0;
 210         -webkit-border-radius: 8px 8px 0 0;
 211         -moz-border-radius: 8px 8px 0 0;
 212         /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */
 213 }
 214
 215 .selectbox {
 216         background-color: #FF8000;
 217 }
 218
 219 .tab_cell, .tab_cell_edit {
 220         background-color: #5c646b;
 221         color: #F9FDFB;
 222         font-size: 80%;
 223         font-weight: bold;
 224         border-radius: 8px 8px 0 0;
 225         -webkit-border-radius: 8px 8px 0 0;
 226         -moz-border-radius: 8px 8px 0 0;
 227         /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */
 228 }
 229
 230 .tabcontent {
 231         background-color: #FEFFFC;
 232         border: 2px solid #424B52;
 233 }
 234
 235 .treetitleselectedblured {
 236         background-color: menu;
 237         color: windowtext;
 238 }
 239
 240 .treetitleselectedfocused {
 241         background-color: highlight;
 242         color: highlighttext;
 243 }
 244
 245 .warning a:link, .warning a:visited, .warning a:active, .warning {
 246         background: none;
 247         color: #FF4500;
 248 }
 249
 250 .warning, .warning strong { text-decoration: none }
 251
 252 .warning a:link,.warning a:visited,.warning a:active {
 253         text-decoration: underline;
 254 }
 255
 256 .warning strong {
 257         background: #FFD700;
 258         color: #FF4500;
 259 }
 260
 261 .warning strong a:link,.warning strong a:visited,.warning strong a:active {
 262         background: #FFD700;
 263         color: #FF4500;
 264 }
 265
 266 blockquote {
 267         background-color: #f5f5f5 !important;
 268         color: navy !important;
 269 }
 270
 271 blockquote blockquote {
 272         background-color: #ebebeb !important;
 273         color: maroon !important;
 274 }
 275
 276 blockquote blockquote blockquote {
 277         background-color: #e1e1e1 !important;
 278         color: green !important;
 279 }
 280
 281 blockquote blockquote blockquote blockquote {
 282         background-color: #d7d7d7 !important;
 283         color: purple !important;
 284 }
 285
 286 blockquote blockquote blockquote blockquote blockquote {
 287         background-color: #cdcdcd !important;
 288         color: teal !important;
 289 }
 290
 291 blockquote pre {
 292         margin-left: 1%;
 293         margin-right: 1%;
 294 }
 295
 296 div.auto_complete ul {
 297         background: #fff;
 298         border: 1px solid #888;
 299         list-style-type: none;
 300 }
 301
 302 div.auto_complete ul li.selected {
 303         background-color: #ffc;
 304 }
 305
 306 div.auto_complete ul strong.highlight { color: #800 }
 307
 308 table.altern {
 309         border-bottom: solid 2px #AAA;
 310         border-top: solid 2px #AAA;
 311 }
 312
 313 table.altern .even {
 314         background-color: #DDD;
 315 }
 316
 317 td li.frameset,.elements li.frameset {
 318         background: none;
 319         color: gray;
 320         font-weight: lighter;
 321 }
 322
 323 td li.transitional,.elements li.transitional {
 324         background: none;
 325         color: #696969;
 326         font-weight: lighter;
 327 }
 328
 329 ul.adminitems {
 330         list-style-type: disc;
 331         padding: 0;
 332 }
 333
 334 ul.adminitems li { font-weight: 700 }
 335
 336 ul.adminitems li span { color: #666 }
 337
 338 var sub { font-style: normal }
 339
 340 .calendar { background-color: #204B78 }
 341
 342 .week_of_year {
 343         background-color: #e1e1e1;
 344         font-size: 70%;
 345 }
 346
 347 .day { font-weight: 700 }
 348
 349 .calout { background-color: #DDDDDD }
 350
 351 .calday { background-color: #FFFFFF }
 352
 353 .calweekend { background-color: #EEEECC }
 354
 355 .caltoday { background-color: #EEEEFF }
 356
 357 .current_sort_mode { background-color: white }
 358
 359 #loading { background-color: white }
 360
 361 /* Message list in mailbox/summaryview */
 362 .table-row { background-color: white }
 363
 364 .table-alt-row { background-color: #DDDDDD }
 365
 366 /* Links */
 367
 368 a { text-decoration: none }
 369
 370 a:active {
 371         color: #3E65AF;
 372 }
 373
 374 a:link {
 375         color: #2F65DD;
 376 }
 377
 378 a:visited { color: purple}
 379
 380 #customize a:active, #customize a:link, #customize a:visited {
 381         color: black;
 382 }
 383
 384 #important_message {
 385         background-color: #3E65AF;
 386         color: #FFF;
 387 }
 388
 389 input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
 390         background-color: #efefe0; /*#fbf4ca;*/
 391         border: 2px solid #5c646b;
 392         color: #333;
 393 }
 394
 395 .buttons a:hover { background-color: #5c646b; }
 396
 397 .button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input {
 398         background-color: #4d555c;
 399 }
 400
 401 .button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input {
 402         border: 2px solid #5c646b;
 403         color: #F0FEFF;
 404 }
 405
 406
 407 .button_link a, input#delbutton,.attachfile, .buttons input {
 408         cursor: pointer;
 409         -webkit-border-radius: 8px;
 410         -moz-border-radius: 8px;
 411         border-radius: 8px;
 412         behavior: url(/static/styles/PIE.htc);
 413         text-align: center;
 414 }
 415
 416 .button_link a, .attachfile,.buttons input {
 417         font-weight: bold;
 418 }
 419
 420 input#delbutton { font-weight: normal }
 421
 422 /* Layout */
 423
 424 * html { overflow: hidden }
 425
 426 html { overflow: auto }
 427
 428 body {
 429         height: 100%;
 430         overflow: hidden;
 431         text-align: center;
 432         margin-left: 0;
 433         padding: 0;
 434 }
 435
 436 #important_message {
 437         position: absolute;
 438         top: 0;
 439         right: 0;
 440         z-index: 4;
 441         padding: 3px;
 442 }
 443
 444 #hellomsg, .fmout, .nomsgs {
 445         text-align: center;
 446 }
 447
 448 .moreprompt {
 449         text-align: center;
 450         font-size: 100%;
 451         background-color: #004E79;
 452         color: #dddddd;
 453 }
 454
 455 .moreprompt_link {
 456         color: #dddddd;
 457         font-weight: bold;
 458 }
 459
 460 .moreprompt_link:hover {
 461         background-color: #3E65AF;
 462         color: #3E65AF;
 463 }
 464
 465 #validate { text-align: center }
 466
 467 #iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  { text-align: left }
 468
 469 .message_content > div > div { text-align: justify !important }
 470
 471 /* Please avoid setting heights for any of the mailbox view elements (except summary_view
 472  * and resize). In particular, do NOT set any for message_list_hdr as its not good feng shui
 473  */
 474
 475 #message_list_hdr {
 476         display: block;
 477         top: 0;
 478         left: 0;
 479         width: 100%;
 480         padding-bottom: 0;
 481         margin-bottom: 0;
 482         background-color: #CCCCCC;
 483 }
 484
 485 #summary_view {
 486         height: 100px;
 487         overflow-y: scroll;
 488         overflow-x: hidden;
 489         cursor: pointer;
 490 }
 491
 492 #summary_headers {
 493         background-color: white;
 494         width: 100%;
 495         table-layout: fixed;
 496 }
 497
 498 #summary_headers tr td {
 499         overflow-y: hidden;
 500         overflow-x: hidden; /* stop long subjects overflowing */
 501 }
 502
 503 .col1 { width: 50% }
 504
 505 .col2 { width: 30% }
 506
 507 .col3 { width: 20% }
 508
 509 .col1, .col2, .col3 {
 510         cursor: pointer;
 511         text-overflow: ellipsis;
 512         -o-text-overflow: ellipsis;
 513 }
 514
 515 .new_message { font-weight: bold; !important }
 516
 517 #loading { text-align: center}
 518
 519 #resize_msglist {
 520         width: 100%;
 521         overflow: hidden;
 522         cursor: s-resize;
 523         height: 6px;
 524 }
 525
 526 #preview_pane { overflow: auto }
 527
 528 .ctdlTemplate { display: none }
 529
 530 #ctdlContextMenu {
 531         position: fixed;
 532         background-color: white;
 533         border: 1px solid black;
 534 }
 535
 536 .draganddrop {
 537         position: fixed;
 538         display: block;
 539         border: 1px solid black;
 540         z-index: 65535;
 541         background-color: white;
 542         text-align: left;
 543         opacity: 0.9;
 544 }
 545
 546 .draganddrop > ul {
 547         list-style: none;
 548         padding-left: 0;
 549         margin-left: 0;
 550 }
 551
 552 .hidden { display: none }
 553
 554 .floor { margin-left: 0px }
 555
 556 .floor > ul { display: none }
 557
 558 .floor-expanded > ul{ display: block !important }
 559
 560 #roomlist > ul {
 561         margin: 0;
 562         padding: 0;
 563 }
 564
 565 #roomlist > div > ul > li {
 566         margin: 0;
 567         padding: 0;
 568 }
 569
 570 /* Override to disable list-style-image" */
 571 .room a, .room a, .room a:visited, .room a:link { color: #333333 }
 572
 573 .room-private { list-style-image: url("/static/privatemess_16x.gif") }
 574
 575 .room-addr { list-style-image: url("/static/viewcontacts_16x.gif") }
 576
 577 .room-cal { list-style-image: url("/static/calarea_16x.gif") }
 578
 579 .room-tasks { list-style-image: url("/static/taskmanag_16x.gif") }
 580
 581 .room-notes { list-style-image: url("/static/storenotes_16x.gif") }
 582
 583 .room-chat { list-style-image: url("/static/chatrooms_16x.gif") }
 584
 585 .room-newmsgs { font-weight: bold }
 586
 587 .room-emphasized { text-decoration: underline }
 588
 589 #message_list_hdr table { width: 100% }
 590
 591 .selector_top, .selector_bottom { text-align: center }
 592
 593 .selector_top p,.selector_bottom p {
 594         margin: 0;
 595         padding: 2px;
 596 }
 597
 598 .message_header p {
 599         margin: 2px 0 2px 0;
 600         padding: 0 0 2px 0;
 601 }
 602
 603 .button_link a, .attachfile, .logbuttons input,.buttons input .logbutton {
 604         margin: 3px;
 605         padding: 2px 4px 2px 4px;
 606 }
 607
 608 input#delbutton {
 609         margin: 0 3px 0 3px;
 610         padding: 2px 4px 2px 4px;
 611 }
 612
 613
 614 .mimepart {
 615         margin-top: 15px;
 616         margin-bottom: 15px;
 617         margin-left: 15%;
 618         width: 70%;
 619         padding: 0;
 620 }
 621
 622 .mimepart img {
 623         vertical-align: middle;
 624         float: left;
 625 }
 626
 627 .mimepart div {
 628         vertical-align: middle;
 629         margin: 0 0 15px 0 ;
 630         padding: 5px;
 631 }
 632
 633 .mimepart div span { vertical-align: top }
 634
 635 .mimepart dl {
 636         width: 100%;
 637         margin-left: 5px;
 638         padding: 5px;
 639 }
 640
 641 .mimepart dl dt {
 642         width: 30%;
 643         float: left;
 644         margin: 0 0 0 0;
 645         padding: .5em;
 646 }
 647
 648 .mimepart dl dd {
 649         float: left;
 650         width: 62%;
 651         margin: 0;
 652         padding: .5em;
 653 }
 654
 655 .mimepart p {
 656         margin-top: 1em;
 657         margin-bottom: 0;
 658         clear: both;
 659 }
 660
 661 .msgbuttons {
 662         float: right;
 663         padding: 2px;
 664         font-size: 80%;
 665 }
 666
 667 .buttons a { text-align: center }
 668
 669 .message_content {
 670         margin: 0;
 671         padding: 0.3em;
 672         clear: both;
 673 }
 674
 675 .message form div label, .entmsg form div label {
 676         display: block;
 677         float: left;
 678         margin: 0.3em;
 679         width: 9em;
 680         text-align: right;
 681 }
 682
 683 .message form div input, .message form div select, .entmsg form div input, .entmsg form div select {
 684         margin: 0.3em
 685 }
 686
 687 .imgedit {
 688         vertical-align: middle
 689 }
 690
 691 .edit_msg_table th {
 692         text-align: right;
 693         padding: 0px;
 694         padding-right: 5px;
 695         color: #333;
 696         width: 20%;
 697 }
 698
 699 .edit_msg_table td {
 700         padding: 0px;
 701 }
 702
 703 .edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
 704         width: 98%;
 705 }
 706
 707 .note {
 708         font-size: 85%;
 709         margin-left: 10%;
 710 }
 711
 712 .toolbar { text-align: center }
 713
 714 .toolbar img { float: right }
 715
 716 .imsg { text-align: center }
 717
 718 colgroup.entity { text-align: center }
 719
 720 div.auto_complete ul {
 721         margin: 0;
 722         padding: 0;
 723         width: 100%;
 724 }
 725
 726 div.auto_complete ul li {
 727         margin: 0;
 728         padding: 3px;
 729 }
 730
 731 div.auto_complete ul strong.highlight {
 732         margin: 0;
 733         padding: 0;
 734 }
 735
 736 .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 {
 737         width: 100%;
 738 }
 739
 740 #address_book_popup {
 741         position: absolute;
 742         top: 100px;
 743         right: 25px;
 744         width: 320px;
 745         height: auto;
 746         z-index: 100;
 747         display: none;
 748         -webkit-box-shadow: #666 0px 2px 3px;
 749         -moz-box-shadow: #666 0px 2px 3px;
 750         box-shadow: #666 0px 2px 3px;
 751         behavior: url(/static/styles/PIE.htc);
 752 }
 753
 754 #address_book_popup_container_div {
 755         position: relative;
 756         width: 100%;
 757         height: 100%;
 758 }
 759
 760 #address_book_popup_middle_div { position: relative }
 761
 762 #address_book_inner_div { margin: 5px }
 763
 764 #address_book_inner_div select { width: 100% }
 765
 766 #address_book_inner_div input { margin: 4px 5px 0 5px }
 767
 768 .service .edit_col, .service .host_col { display: none }
 769
 770 .who_is_online .edit_col, .who_is_online .host_col { display: block }
 771
 772 #citlogo { display: none; /* Overriden later */ }
 773
 774 .sort_ascending, .sort_descending {
 775         background-repeat: no-repeat;
 776         background-position: center right;
 777 }
 778
 779 .sort_ascending { background-image: url("/static/down_pointer.gif") }
 780
 781 .sort_descending { background-image: url("/static/up_pointer.gif") }
 782
 783 #message_list_hdr > table { border-collapse: collapse }
 784
 785 #message_list_hdr > table > tbody > tr > th {
 786         border-left: 2px solid white;
 787         border-right: 2px solid white;
 788 }
 789
 790 #summary_view > table { border-collapse: collapse }
 791
 792 th.col1 { border-left: none !important }
 793
 794 th.col3 { border-right: none !important }
 795
 796 /* System Administration Menu */
 797
 798 ul.adminitems {
 799         margin: 15px;
 800         padding: 0;
 801 }
 802
 803 ul.adminitems li {
 804         margin: 0.5em;
 805         padding: 0;
 806 }
 807
 808 ul.adminitems li span { display: block }
 809
 810
 811 /* Room list - Tree Node */
 812
 813 .treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
 814         padding: 2px;
 815         cursor: default;
 816 }
 817
 818 table.altern {
 819         margin: 0 auto 0 auto;
 820         width: 98%
 821 }
 822
 823 table.altern tr td {
 824         height: 2em;
 825 }
 826
 827 /* Advanced menu */
 828
 829 table.advanced {
 830         margin: 0 auto 0 auto;
 831         width: 96%;
 832         border-collapse: separate;
 833         border-spacing: 15px;
 834 }
 835
 836 .advanced .boxcontent ul { margin-left: 4em }
 837
 838 .advanced .boxcontent .col1, .advanced .boxcontent .col2 {
 839         float: left;
 840         width: 33%;
 841 }
 842
 843 .advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
 844         margin-left: 0;
 845         margin-bottom: 4em;
 846 }
 847
 848 /* Site configuration */
 849
 850 .tabs_background { margin-top: 0 }
 851
 852 /* Links and buttons */
 853
 854 .logbuttons, .buttons, .registernow {
 855         margin: 2px auto 2px auto;
 856         width: 96%;
 857         text-align: center;
 858 }
 859
 860 /* Tabs */
 861
 862 #TheTabs {
 863         margin: 3% auto 0 auto;
 864         width: 94%;
 865 }
 866
 867 ul.tabbed_dialog {
 868         list-style: none;
 869         margin: 3% auto 0 auto;
 870         width: 96%;
 871         padding: 0;
 872         white-space: nowrap;
 873         text-align: center;
 874         vertical-align: middle;
 875 }
 876
 877 ul.tabbed_dialog li {
 878         margin: 0 3% 0 3%;
 879         padding: 4px;
 880         float: left;
 881 }
 882
 883 .tabcontent {
 884         margin: 0 auto 0 auto;
 885         width: 96%;
 886         padding: 10px;
 887         clear: both;
 888 }
 889
 890 .tabcontent_submit {
 891         margin: 0 auto 0 auto;
 892         width: 96%;
 893         padding: 10px;
 894         text-align: center;
 895 }
 896
 897
 898 /* Calendar view */
 899
 900 .calendar {
 901         background-color: #204B78;
 902         margin: 0;
 903         width: 100%;
 904         height: 302px;
 905 }
 906
 907 td.events_of_the_day { width: 500px }
 908
 909 .events_of_the_day dl {
 910         margin: 0;
 911         padding: 0;
 912         position: absolute;
 913         top: 0;
 914         left:0;
 915         width: 500px;
 916 }
 917
 918 .events_of_the_day dl dt {
 919         background-color: #FFFFFF;
 920         margin: 0;
 921         width: 500px;
 922         border: 1px solid #CCC;
 923 }
 924
 925 .events_of_the_day dl dt.hour {
 926         /* font-size: 160%; commenting out because we need to line it up with the actual size */
 927 }
 928
 929 .events_of_the_day dl dt.extrahour {
 930         /* font-size: 80%; commenting out because we need to line it up with the actual size */
 931 }
 932
 933 .hour_label, .extra_events dl dt {
 934         background-color: #CCCCDD;
 935         vertical-align: middle;
 936         text-align: left;
 937 }
 938
 939 .hour_events, .extra_events {
 940         background-color: #FFFFFF;
 941         vertical-align: top;
 942         text-align: left;
 943 }
 944
 945
 946 .extra_events ul {
 947         list-style: none;
 948         margin: 0;
 949         padding: 0;
 950 }
 951
 952 .extra_events ul li { margin: 4px }
 953
 954 .calday, .calout, .calweekend, .caltoday {
 955         width: 14%;
 956         height: 60px;
 957         text-align: left;
 958         vertical-align: top;
 959 }
 960
 961 .event_framed_unread {
 962         -webkit-border-radius: 8px;
 963         -moz-border-radius: 8px;
 964         border-radius: 8px;
 965         behavior: url(/static/styles/PIE.htc);
 966         border: solid 1px red;
 967         background-color: yellow;
 968         z-index: 10;
 969         padding: 0 4px 0 4px;
 970 }
 971
 972 li.event_framed_unread span, a.event_title { font-size: 100% }
 973
 974 .event_framed_read {
 975         -webkit-border-radius: 8px;
 976         -moz-border-radius: 8px;
 977         border-radius: 8px;
 978         behavior: url(/static/styles/PIE.htc);
 979         border: solid 1px red;
 980         background-color: yellow;
 981         z-index: 10;
 982         padding: 0 4px 0 4px;
 983 }
 984
 985 li.event_framed_read span, a.event_title { font-size: 100% }
 986
 987 .event_read {}
 988
 989 li.event_read span, a.event_read_title { font-size: 100% }
 990
 991 .event_unread {}
 992
 993 li.event_unread span, a.event_read_title { font-size: 100% }
 994
 995 .mini_calendar { color: #fff }
 996
 997 .mini_calendar a { color: #fff }
 998
 999 .mini_calendar a:link,.mini_calendar a:visited { color: #fff }
1000
1001 .mini_calendar a:hover,.mini_calendar a:active {
1002    color: #3E65AF;
1003    background-color: #3E65AF;
1004 }
1005
1006 .mini_calendar td a { color: #fff }
1007
1008 .mini_calendar td a:link,.mini_calendar td a:visited { color: #fff }
1009
1010 .mini_calendar td a:hover,.mini_calendar td a:active {
1011    color: #3E65AF;
1012    background-color: #3E65AF;
1013
1014 }
1015
1016 .menudesc {
1017         margin: 4px;
1018         padding: 4px;
1019 }
1020
1021 .roompic {
1022         height: 48px;
1023         width: 48px;
1024         border: none;
1025 }
1026
1027 .table-row, .table-alt-row { width: 100% }
1028
1029 .stickynote_outer {
1030         position: absolute;
1031         width: 200px;
1032         height: 200px;
1033         border: 1px solid #333;
1034         background-color: #ffff00;
1035         overflow: hidden;
1036         -webkit-box-shadow: #666 0px 2px 3px;
1037         -moz-box-shadow: #666 0px 2px 3px;
1038         box-shadow: #666 0px 2px 3px;
1039         behavior: url(/static/styles/PIE.htc);
1040 }
1041
1042 .stickynote_titlebar {
1043         position: relative;
1044         width: 100%;
1045         height: 16px;
1046         top: 0px;
1047         left: 0px;
1048         background-color: #888800;
1049         font-size: 60%;
1050 }
1051
1052 .stickynote_body {
1053         position: relative;
1054         font-family: "Comic Sans MS", sans-serif;
1055 }
1056
1057 .stickynote_resize {
1058         position: absolute;
1059         background-image: url('resizecorner.png');
1060         height: 16px;
1061         width: 16px;
1062         right: -1px;
1063         bottom: -1px;
1064 }
1065
1066 .stickynote_palette {
1067         position: absolute;
1068         width: 48px;
1069         height: 48px;
1070         top: 16px;
1071         left: 0px;
1072         background-color: #ffffff;
1073         border: 1px solid #333;
1074         display: none;
1075 }
1076
1077 .stickynote_palette table {
1078         margin: 0;
1079         padding: 0;
1080 }
1081
1082 .stickynote_palette td {
1083         width: 16px;
1084         height: 16px;
1085 }
1086
1087 .conftitle {
1088         font-size: 140%;
1089         font-weight: bold;
1090         text-align: center;
1091 }
1092
1093 .confdescr {
1094         font-size: 110%;
1095         text-align: center;
1096 }
1097
1098 #noscript_warning {
1099         position: fixed;
1100         z-index: 999;
1101         top: 0;
1102         right: 0;
1103         background-color: #FF0000;
1104         color: #FFFFFF;
1105         font-size: 120%;
1106         border: 2px solid #FF0000;
1107 }
1108
1109 .chatrecv_history_class {
1110         position: absolute;
1111         top: 0;
1112         left: 1%;
1113         width: 74%;
1114         margin-top: 5px;
1115         margin-bottom: 5px;
1116         height: 70%;
1117         background-color: #FFFFFF;
1118         overflow: auto;
1119         border-style: solid;
1120         border-color: #022750;
1121         border-width: 1px;
1122         padding-left: 3px;
1123         padding-right: 3px;
1124 }
1125
1126 .chat_userlist_class {
1127         position: absolute;
1128         top: 0;
1129         right: 1%;
1130         width: 23%;
1131         margin-top: 5px;
1132         margin-bottom: 5px;
1133         height: 70%;
1134         background-color: #FFFFFF;
1135         overflow: auto;
1136         border-style: solid;
1137         border-color: #022750;
1138         border-width: 1px;
1139         padding-left: 3px;
1140         padding-right: 3px;
1141 }
1142
1143 .chatrecv_class { display: none }
1144
1145 .chatsend_class {
1146         position: absolute;
1147         left: 1%;
1148         right: 1%;
1149         height: 28%;
1150         bottom: 0;
1151         margin-top: 5px;
1152         margin-bottom: 5px;
1153         margin-left: auto;
1154         margin-right: auto;
1155         border-style: solid;
1156         border-color: #022750;
1157         border-width: 1px;
1158         padding-left: 3px;
1159         padding-right: 3px;
1160         background-color: #004E79;
1161 }
1162
1163 .chat_myname_class {
1164         font-weight: bold;
1165         color: #ff0000;
1166 }
1167
1168 .chat_notmyname_class {
1169         font-weight: bold;
1170         color: #0000ff;
1171 }
1172
1173 .chat_text_class {}
1174
1175 /*---------- bubble tooltips start -----------*/
1176
1177 a.event_title, a.event_unread, a.event_read {
1178         position:relative;
1179         z-index:24;
1180 }
1181
1182 a.event_title span, a.event_unread span, a.event_read span {
1183         display: none;
1184 }
1185
1186 /* background:; ie hack, something must be changed in a for ie to execute it */
1187
1188 a.event_title:hover, a.event_unread:hover, a.event_read:hover {
1189         z-index:25;
1190         background:;
1191 }
1192
1193 a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_read:hover span.tooltip {
1194         display:block;
1195         position:absolute;
1196         top:0px; left:0;
1197         padding: 15px 0 0 0;
1198         width:200px;
1199         text-align: center;
1200 }
1201
1202 a.event_title:hover span.btttop, a.event_unread:hover span.btttop, a.event_read:hover span.btttop {
1203         display: block;
1204         padding: 30px 8px 0;
1205         background: url(/static/bubble.gif) no-repeat top;
1206 }
1207
1208 /* different middle bg for stretch */
1209 a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event_read:hover span.bttmiddle {
1210         display: block;
1211         padding: 0 8px;
1212         background: url(/static/bubble_filler.gif) repeat bottom;
1213         color: #022750;
1214         font-size: 10px;
1215 }
1216
1217 a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event_read:hover span.bttbottom {
1218         display: block;
1219         padding:3px 8px 10px;
1220         background: url(/static/bubble.gif) no-repeat bottom;
1221 }
1222
1223
1224 /*---------- styles for the blog view -----------*/
1225
1226 .blog_post {
1227 }
1228
1229 .blog_post_title {
1230         font-size: 150%;
1231         font-style: bold;
1232 }
1233
1234 .blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active {
1235         color: #000000;
1236 }
1237
1238 .blog_post_title a:hover {
1239         color: #0000FF;
1240 }
1241
1242
1243 .blog_post_header {
1244         font-size: 100%;
1245         font-style: italic;
1246 }
1247
1248 .blog_post_content {
1249 }
1250
1251 .blog_comment {
1252         border: 1px solid grey;
1253         margin-top: 5px;
1254         margin-bottom: 5px;
1255         margin-left: 5%;
1256         margin-right: 5%;
1257         padding: 5px;
1258 }
1259
1260 .blog_comment_header {
1261         margin-bottom: 1em;
1262         font-size: 100%;
1263         font-style: italic;
1264 }
1265
1266
1267 /*---------- styles for the attachments form -----------*/
1268
1269 #attachments_form {
1270         display:none;
1271         position:absolute;
1272         top:5%;
1273         bottom:5%;
1274         right:5%;
1275         left:5%;
1276         z-index: 10;
1277         padding: 5px;
1278         border-width: 1px;
1279         border-style: solid;
1280         border-color: #022750;
1281         -webkit-border-radius: 10px;
1282         -moz-border-radius: 10px;
1283         border-radius: 10px;
1284         background: #FFFFFF;
1285         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DDDDEE));
1286         background: -moz-linear-gradient(#FFFFFF, #DDDDEE);
1287         background: linear-gradient(#FFFFFF, #DDDDEE);
1288         -pie-background: linear-gradient(#FFFFFF, #DDDDEE);
1289         -webkit-box-shadow: #666 0px 2px 3px;
1290         -moz-box-shadow: #666 0px 2px 3px;
1291         box-shadow: #666 0px 2px 3px;
1292         behavior: url(/static/styles/PIE.htc);
1293 }
1294
1295
1296 /*---------- styles for the login modal box -----------*/
1297
1298 #loginbox_topline_container {
1299         position: relative;
1300         font-size: 110%;
1301         color: white;
1302 }
1303
1304 #loginbox_title {
1305         float: left;
1306         width: 75%;
1307         text-align: center;
1308         background-color: #022750;
1309         border: 3px solid #022750;
1310 }
1311
1312 #loginbox_closebutton {
1313         float: right;
1314         width: 23%;
1315         text-align: right;
1316         background-color: #ddd;
1317         border: 3px solid #ddd;
1318 }
1319
1320 #auth_container {
1321         position: relative;
1322         border: 1px solid #777;
1323 }
1324
1325 #authbar {
1326         top: 0;
1327         left: 0;
1328         width: 23%;
1329         z-index: 0;
1330         overflow: auto;
1331         overflow-x: hidden !important;
1332 }
1333
1334 #authbar ul {
1335         margin-top: 1px;
1336         margin-bottom: 0;
1337 }
1338
1339 .authbox {
1340         text-align: center;
1341         position: absolute;
1342         top: 0;
1343         right: 0;
1344         width: 75%;
1345         height: 100%;
1346         z-index: 0;
1347         overflow: auto;
1348         overflow-x: hidden !important;
1349         background-color: #ddd;
1350 }
1351
1352 #ajax_username_password_form, #ajax_newuser_form {
1353         margin: auto;
1354         width: 20em;
1355 }
1356
1357 #ajax_username_password_form label, #ajax_newuser_form label {
1358         float: left;
1359         width: 10em;
1360 }
1361
1362 .openid_urlarea {
1363         background: url('../openid-small.gif') no-repeat scroll 0pt 50%;
1364         padding-left: 18px;
1365 }
1366
1367 .registernow {
1368         text-align: right;
1369 }