Added pager config to tuiconfig.c
[citadel.git] / webcit / static / webcit.css
index ffe31290e0d65117a0c38006e06f79c570a23881..326991b6aae393fc5bf500e7917baaaa89c442a7 100644 (file)
+@media print {
+       input#toggler, .toolbar { display: none }
+}
 
-* html {
-       overflow: hidden;
+/* Typography & colors */
+
+html { font-size: 100%;}
+
+body { font-size: 11pt}
+
+#banner h1 { font-size: 16pt; }
+
+#banner h2,#banner .titlebar, .address_book_popup_title {
+       font-size: 13pt;
 }
 
-body {
-       margin:0;
-       padding: 0 0 0 0;
-       height: 100%;
-       overflow: auto;
-       background-color: #D8D8D8;
-       color: #000000;
-       font-weight: normal;
+#button, #content .msgbuttons a,input#delbutton,.attachfile,.logbuttons input,.buttons input, #wholist li, .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 {
        font-size: 10pt;
-       font-family: sans-serif;
 }
 
-#iconbar {
-       /* position:fixed; */
-       display:block;
-       top:0px;
-       left:0px;
-       width: 15%;
-       /* height:100%; */
-       background: #ffffee;
+/* Color */
+
+body {
+       background-color: #004E79;
+       font-family: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+       font-weight: 400;
 }
 
-* html #iconbar {
-       position:absolute;
-       display:block;
-       top:0px;
-       left:0px;
-       width: 15%;
-       /* height:100%; */
-       background: #ffffee;
+.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 {
+       background-color: #FFF;
+       color: #000;
 }
 
-.logo, .logo_citadel {
-        display: block;
-        text-align: center;
-        border-bottom: 1px solid #aaaaaa;
-        margin: 0;
-        padding: 0;
+#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt 
+ {
+       background-color: #CCC;
 }
 
-.logo_citadel a, .logo_citadel img {
-        border: none;
+.box, #wholist li.inactiveuser a {
+       background-color: transparent;
 }
 
-#banner {
-       position:fixed;
-       display:block;
-       top:0px;
-       left: 15%;
-       width: 85%;
-       height: 15%;
-       background: #445;
+.room_banner .infos {
+       cursor: help;
 }
 
-* html #banner {
-       position:absolute;
-       display:block;
-       top:0px;
-       left: 15%;
-       width: 85%;
-       height: 15%;
-       background: #445;
+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 {
+       background-color: #fbf4ca;
 }
 
+input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
+       border: 1px solid #999;
+       color: #333;
+}
 
-#banner .room_banner {
-        float: left;
-        width: 48%;
+.login_message {
+       color: #AD1C00;
+       font-weight: 700;
+       text-transform: uppercase;
+}
+
+#iconbar, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
+       background-color: #F0FFFF;
+       color: #666;
+}
+
+#iconbar #button {
+       border: none;
+       list-style: none;
+}
+
+#room_infos, #address_book_popup, .mimepart, .room_actions form select {
+       border: 1px solid #333;
+}
+
+
+.buttons a,.roomlist_floor,.tablabel,.treetitle {
+       color: #000;
+       font-weight: 700;
+}
+
+#button li {
+       border: none;
+       border-bottom: 2px groove #AAA;
+       border-right: 2px groove #AAA;
+}
+
+.logo_citadel a,.logo_citadel img {
+       border: none;
+}
+
+.logo,.logo_citadel, #button li.switch {
+       border: none;
+       border-bottom: 1px solid #AAA;
+}
+
+#button li a {
+       color: #000;
+       text-decoration: none;
+}
+
+#wholist li {
+       border: none;
+       border-top: 1px solid #AAA;
+}
+
+#banner h1,#banner h2,.room_banner .nummsgs,.mimepart div,.required {
+       font-weight: 700;
+}
+
+#banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom {
+       background-color: #022750;
+       color: #FFF;
+}
+
+#banner, #banner a {
+       color: #FFF
+}
+
+.room_actions form select {
+       cursor: pointer;
+}
+
+#content {
+       background-color: #6C91A6;
+       color: #000;
+}
+
+input#delbutton,.attachfile, .logbuttons input,.buttons input {
+       background-color: transparent;
+       border: 2px groove #AAA;
+       color: #000;
+}
+
+#message_list_hdr form input {
+       border: 0;
+}
+
+#message_list_hdr select {
+       background-color: #AD1C00;
+       border: 1px solid #6C91A6;
+}
+
+#message_list_hdr table {
+       font-style: italic;
+}
+
+#resize_msglist {
+       background-image: url(/static/resizegrippy.gif);
+       background-position: center;
+       background-repeat: no-repeat;
+}
+
+#resize_msglist hr {
+       background-color: #999;
+       border: 0;
+       color: #999;
+       height: 3px;
+}
+
+.message {
+       border: 1px outset #999;
+       clear: both;
+}
+
+.message_header .message_subject {
+       font-style: italic;
+}
+
+.adminlist,.tabbed_dialog {
+       list-style: none;
+}
+
+.customize {
+       background-color: #DDC;
+       color: #004;
+       font-style: italic;
+}
+
+.default {
+       font-style: normal;
+       text-decoration: underline;
+}
+
+.editednodeinput {
+       background-color: #FFF;
+       border: 1px solid #000;
+       color: #000;
+       height: 17px;
+       width: 150px;
+}
+
+.error a: link,.error a:visited,.error a:active {
+       background: none;
+       color: #DC143C;
+       text-decoration: underline;
+}
+
+.error strong {
+       background: #FFD700;
+       color: #DC143C;
+       text-decoration: none;
+}
+
+.error strong a: link,.error strong a:visited,.error strong a:active {
+       background: #FFD700;
+       color: #DC143C;
+}
+
+.errormsg {
+       background: none;
+       color: #A00;
+       font-style: italic;
+       font-weight: 700;
+}
+
+.floors_config,.roomops_zap {
+       background-color: #700;
+       border: 0;
+}
+
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
+       cursor: pointer;
+}
+
+.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
+       font-weight: 700;
+}
+
+.ib_roomlist_floor {
+       color: #000;
+}
+
+.roomlist_new, .ib_roomlist_new {
+       color: #800;
+}
+
+.roomlist_old, .ib_roomlist_old {
+       color: #008;
+}
+
+.imsg {
+       background: none;
+       color: #AAA;
+       font-style: italic;
+       font-weight: 700;
+}
+
+.menubar_bg {
+       background-color: red;
+}
+
+.mimepart div span {
+       display: block;
+       font-style: italic;
+}
+
+.mimepart dl dd,.mailbox_summary td, .mimepart dl dt {
+       border-top: 1px solid #AAA;
+}
+
+.mimepart dl dt {
+       font-weight: 700;
+}
+
+.roomops_cell_label,.boxlabel,.tab_cell_label {
+       background-color: #FF7814;
+       color: #FFF;
+       font-weight: 700;
+}
+
+.selectbox {
+       background-color: #FF8000;
+}
+
+.tab_cell,.tab_cell_edit {
+       background-color: #CCC;
+       font-weight: 700;
+}
+
+.tabcontent {
+       background-color: #FFF;
+       border-left: 3px solid #FF7814;
+}
+
+.treetitleselectedblured {
+       background-color: menu;
+       color: windowtext;
+}
+
+.treetitleselectedfocused {
+       background-color: highlight;
+       color: highlighttext;
+}
+
+.warning a: link,.warning a:visited,.warning a:active, .warning {
+       background: none;
+       color: #FF4500;
+}
+
+.warning, .warning strong {
+       text-decoration: none;
+}
+
+.warning a: link,.warning a:visited,.warning a:active {
+       text-decoration: underline;
+}
+
+.warning strong {
+       background: #FFD700;
+       color: #FF4500;
+}
+
+.warning strong a: link,.warning strong a:visited,.warning strong a:active {
+       background: #FFD700;
+       color: #FF4500;
+}
+
+blockquote {
+       background-color: #f5f5f5 !important;
+       color: navy !important;
+}
+
+blockquote blockquote {
+       background-color: #ebebeb !important;
+       color: maroon !important;
+}
+
+blockquote blockquote blockquote {
+       background-color: #e1e1e1 !important;
+       color: green !important;
+}
+
+blockquote blockquote blockquote blockquote {
+       background-color: #d7d7d7 !important;
+       color: purple !important;
+}
+
+blockquote blockquote blockquote blockquote blockquote {
+       background-color: #cdcdcd !important;
+       color: teal !important;
+}
+
+blockquote pre {
+       margin-left: 1%;
+       margin-right: 1%;
+}
+
+div.auto_complete ul {
+       background: #fff;
+       border: 1px solid #888;
+       list-style-type: none;
 }
 
-.room_banner img {
-        float: left;
-        margin-top: 0;
-        margin-left: 0;
-        margin-bottom: 5px;
-        margin-right: 5px;
+div.auto_complete ul li.selected {
+       background-color: #ffc;
 }
 
-.room_banner h1 {
-        font-size: 14pt;
-        font-weight: bold;
-        color: #FFFFEE;
-        margin: 0;
-        padding: 2px;
+div.auto_complete ul strong.highlight {
+       color: #800;
 }
 
-.room_banner div {
-        font-size: 7pt;
-        color: #FFFFEE;
-        text-align: center;
-        margin: 0;
-        padding: 2px;
+
+table.altern {
+       border-bottom: solid 2px #AAA;
+       border-top: solid 2px #AAA;
 }
 
-#banner ul {
-        float: right;
-        text-align: right;
-        width: 48%;
-        margin: 0;
-        padding: 0;
+table.altern .even {
+       background-color: #DDD;
 }
 
-#banner ul li {
-        text-align: right;
-        clear: right;
-        list-style: none;
-        margin: 0;
-        padding: 2px;
-        white-space: nowrap;
+td li.frameset,.elements li.frameset {
+       background: none;
+       color: gray;
+       font-weight: lighter;
 }
 
-li.search {
-        font-size: 10pt;
-        float: left;
-        color: #FFFFFF;
+td li.transitional,.elements li.transitional {
+       background: none;
+       color: #696969;
+       font-weight: lighter;
+}
+
+ul.adminitems {
+       list-style-type: disc;
+       padding: 0;
+}
+
+ul.adminitems li {
+       font-weight: 700;
 }
 
-li.view {
-        font-size: 10pt;
-        float: right;
-        color: #FFFFFF;
+ul.adminitems li span
+{
+       color: #666;
 }
 
-li.nummsgs {
-        font-size: 10pt;
-        color: #DDDDCC;
+var sub {
+       font-style: normal;
 }
 
-li.start_page {
-        font-size: 8pt;
-        color: #DDDDCC;
+.calendar {
+       background-color: #204B78;
 }
 
+.day {
+       font-weight: 700;
+}
+
+.calout {
+       background-color: #DDDDDD;
+}
+
+.calday {
+       background-color: #FFFFFF;
+}
+
+.calweekend {
+       background-color: #EEEECC;
+}
+
+
+
+/* Links */
+
+a {    text-decoration: none; }
+
+a:active { color: #AD1C00; }
+
+a:link { color: blue; }
+
+a:visited { color: purple; }
+
+.msgbuttons a {
+       border: 2px groove #AAA;
+       color: #000;
+}
+
+#important_message, .buttons a:hover, .msgbuttons a:hover, input:hover, #button li a:hover, #wholist li a:hover, #navbar ul li a:hover {
+       background-color: #AD1C00;
+       color: #FFF;
+}
+
+
+/* Layout */
+
+* html {
+       overflow: hidden;
+}
+
+body {
+       height: 100%;
+       overflow: hidden;
+       text-align: center;
+}
+
+body, #global {
+       margin: 0;
+       padding: 0;
+}
+
+#important_message {
+       position: absolute;
+       top: 0; 
+       right: 0;
+       z-index: 2;
+}
+
+#login_screen {
+       margin: 0;
+       padding: 3% 6% 3% 6%;
+}
+
+#iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  {
+       text-align: left;
+}
+
+#iconbar {
+       position: absolute;
+       top: 0;
+       left: 0;
+       width: 16%;
+}
+
+#banner {
+       position: absolute;
+       top: 0;
+       left: 16%;
+       width: 84%;
+       height: 18%;
+}
 
 #navbar {
-       position: absolute; 
-       bottom: 0px; 
-       left: 0px;
+       position: absolute;
+       bottom: 0; 
+       left: 0;
+       width: 100%;
 }
 
-#navbar ul {
-       float: left;
+#content {
+       position: absolute;
+       top: 18%;
+       left: 16%;
+       width: 84%;
+       height: 82%;
+       overflow: auto;
+}
+
+#message_list_hdr {
+       position: absolute;
+       display: block;
+       top: 0;
+       left: 0;
+       width: 100%;
+       height: 5%;
+       overflow: hidden;
+}
+
+#message_list {
+       position: absolute;
+       top: 5%;
+       left: 0;
+       width: 100%;
+       height: 20%;
+       overflow: auto;
+       cursor: pointer;
+}
+
+#resize_msglist {
+       position: absolute;
+       top: 25%;
+       left: 0;
+       width: 100%;
+       height: 1%;
+       overflow: hidden;
+       cursor: s-resize;
+}
+
+#preview_pane {
+       position: absolute;
+       top: 26%;
+       left: 0%;
+       width: 100%;
+       height: 74%;
+       overflow: auto;
+}
+
+.fix_scrollbar_bug {
+       margin-right: 1px;              /* Gecko and other non-broken browsers */
+       width: expression('96%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
+}
+
+
+
+
+/* Boxes */
+
+.box {
+       width: 100%;
+       padding: 0;
+}
+
+#content .box {
+       margin: 2% auto 0 auto;
        width: 95%;
-        margin: 0;
-        padding: 0;
-        white-space: nowrap;
-        text-align: left;
+       text-align: center;
 }
 
-#navbar ul li {
-       display: inline;
-       list-style: none;
-       margin-top: 0;
-       margin-right: 5px;
-       margin-bottom:0 ;
-       margin-left: 20px;
-        white-space: nowrap;
+.boxlabel, .boxcontent {
+       padding: 5px;
+}
+
+.boxlabel {
+       text-align: center;
 }
 
-#navbar ul li img {
-       margin-top: 0;
-       margin-right: 2px;
-       margin-bottom:0 ;
-       margin-left: 2px;
+.boxcontent {
+       text-align: left;
 }
 
-.navbar_link {
-       font-size: 7pt;
-       color: #FFFFEE;
-}
 
+/* Login */
 
-#important_message {
-       position:absolute;
-       top:0px; right:0px;
-       background-color: #880000;
-       z-index: 2;
+#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
+       display: block;
+       margin: 0 auto 0 auto;
 }
 
-#content {
-       position:fixed;
-       display:block;
-       top: 16%;
-       left: 15%;
-       width: 85%;
-       height: 84%;
-       overflow: auto;
-       /* overflow-x: hidden; */
+#login_screen .login_message, .login_hello, #global center {
+       width: 80%;
 }
 
-* html #content {
-       position:absolute;
-       display:block;
-       top: 16%;
-       left: 15%;
-       width: 85%;
-       height: 84%;
-       overflow: auto;
-       /* overflow-x: hidden; */
+#login_screen .login_image {
+       width: 65%;
 }
 
-#message_list_hdr {
-       position:fixed;
-       display:block;
-       top: 16%;
-       left: 15%;
-       width: 85%;
-       height: 5%;
-       overflow: none;
+#login_screen #login_form {
+       padding: 10px;
+       width: 320px;
 }
 
-* html #message_list_hdr {
-       position:absolute;
-       display:block;
-       top: 16%;
-       left: 15%;
-       width: 85%;
-       height: 5%;
-       overflow: none;
+#login_form input, #login_form label, #login_form select {
+       display: block;
+       float: left;
+       margin: 6pt;
 }
 
-#message_list {
-       position:fixed;
-       display:block;
-       top: 21%;
-       left: 15%;
-       width: 85%;
-       height: 20%;
-       overflow: auto;
-       cursor: pointer;
+#login_form label, #pname, #uname {
+       width: 130px;
+       text-align: left;
 }
 
-* html #message_list {
-       position:absolute;
-       display:block;
-       top: 21%;
-       left: 15%;
-       width: 85%;
-       height: 20%;
-       overflow: auto;
-       cursor: pointer;
+#login_form br {
+       clear: left;
 }
 
-#resize_msglist {
-       position:fixed;
-       display:block;
-       top: 41%;
-       left: 15%;
-       width: 85%;
-       height: 1%;
-       overflow: none;
-       cursor: s-resize;
+.login_infos {
+       display: block;
+       margin: 20px auto 0 auto;
+       width: 80% ;
+       text-align: left;
 }
 
-* html #resize_msglist {
-       position:absolute;
-       display:block;
-       top: 41%;
-       left: 15%;
-       width: 85%;
-       height: 1%;
-       overflow: none;
-       cursor: s-resize;
-}
 
-#preview_pane {
-       position:fixed;
-       display:block;
-       top: 42%;
-       left: 15%;
-       width: 85%;
-       height: 58%;
-       overflow: auto;
-}
+/* Iconbar */
 
-* html #preview_pane {
-       position:absolute;
-       display:block;
-       top: 42%;
-       left: 15%;
-       width: 85%;
-       height: 58%;
-       overflow: auto;
+.logo, .logo_citadel, #iconbar #button, #button li.switch, #wholist {
+       margin: 0;
+       padding: 0;
 }
 
+.logo, .logo_citadel, #button li.switch, #wholist li {
+       text-align: center;
+}
 
-.fix_scrollbar_bug {
-       margin-right:1px;               /* Gecko and other non-broken browsers */
-       width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
+.logo, .logo_citadel {
+       display: block;
 }
 
-#button {
+#iconbar #button {
        width: 100%;
-       background-color: #ffffee;
-       color: #aaaaaa;
-       font-size: 8pt;
-       list-style: none;
-       margin: 0;
-       padding: 0;
-       border: none;
 }
 
-#button li, #button li.switch {
-       border-bottom: 1px solid #aaaaaa;
-       margin: 0;
+#button li {
+       margin: 4px 8px 4px 8px;
+       padding: 0;
 }
 
-#button li.switch {
-       text-align: center;
-}
+
 
 #button img {
        vertical-align: middle;
@@ -322,9 +657,6 @@ li.start_page {
 
 #button li a {
        display: block;
-       background-color: #ffffee;
-       color: #000000;
-       text-decoration: none;
        width: 100%;
 }
 
@@ -332,495 +664,453 @@ html>body #button li a {
        width: auto;
 }
 
-#button li a:hover {
-       background-image:url(/static/body-background.gif);
-       color: #000000;
+#wholist {
+       border: 0;
+       max-height: 200px;
+       overflow: auto;
 }
 
-a:link {
-       color: #0000FF;
-       text-decoration: none;
+#wholist li {
+       list-style: none;
+       margin: 0;
+       padding: 2px;
+       white-space: nowrap;
 }
 
-a:visited {
-       color: #0000FF;
-       text-decoration: none;
-}
 
-a:active {
-       color: #0000FF;
-       text-decoration: none;
-}
+/* Banner */
 
-a:hover {
-       text-decoration: underline;
+#banner .room_banner {
+       float: left;
+       margin: 0;
+       padding: 0;
 }
 
-.menubar_link {
-       font-size: 9pt;
+#banner .room_banner img {
+       float: left;
+       margin: 0 5px 15px 0;
 }
 
-.titlebar {
-       font-size: 12pt;
-       color: #FFFFEE;
+#banner h1, #banner h2, #banner .room_banner .infos, #banner .room_banner p {
+       margin: 2px;
+       padding: 0;
 }
 
-.mainmenu {
-       font-size: 10pt;
-       font-weight: bold;
-       color: #880000;
+#room_infos {
+       position: absolute;
+       top: 0;
+       left: 50%;
+       width: 45%;
+       z-index: 10;
+       cursor: pointer;
+       text-align: left;
+       padding: 10px 2px 2px 2px;
 }
 
-.menudesc {
-       font-size: 8pt;
-       color: #000088;
+#room_infos img.close_infos {
+       float: right;
 }
 
-.message_header {
-       font-size: 10pt;
-       color: #000000;
+#banner ul.room_actions {
+       margin: 0;
+       list-style: none;
+       float: right;
+       text-align: right;
 }
 
-.message_subject {
-       font-size: 10pt;
-       color: #000000;
-       font-style: italic;
+#banner ul.room_actions li {
+       white-space: nowrap;
+       display: inline;
 }
 
-.tablabel {
-       font-size: 10pt;
-       font-weight: bold;
-       color: #000000;
+#banner ul.room_actions li select, #banner ul.room_actions li input {
+       margin-top: 8px;
+       margin-right: 4px;
 }
 
-.boxlabel {
-       font-size: 7pt;
-       font-weight: bold;
-       color: #FFFFEE;
-}
+/* Navbar */
 
-.boxlabel a {
-       color: #FFFFEE;
+#navbar ul, .selector_top, .selector_bottom {
+       width: 100%;
+       margin: 0 auto 0 auto;
+       padding: 0;
+       white-space: nowrap;
+       text-align: center;
+       vertical-align: middle;
 }
 
-.customize {
-       font-size: 8pt;
-       font-style: italic;
-       color: #000044;
-       background-color: #DDDDCC;
+#navbar ul li {
+       display: inline;
+       list-style: none;
+       vertical-align: middle;
 }
 
-.room_banner_room_name {
-}
+#navbar ul li a {
+       padding: 2px 8px 8px 8px;
+       white-space: nowrap;
+ }
 
-.room_banner_room_info {
+#navbar ul li img {
+       float: none;
+       margin: 0 2px 0 2px;
 }
 
-.room_banner_new_messages {
-}
+/* Content */
 
-.room_banner_start_page {
+.boxcontent table {
+       margin: 0;
+       padding: 0;
 }
 
-.view_name, .search_name, .selectbox, .inputbox {
-       font-size: 7pt;
-       background: #444455; 
-       color: #ddddcc;
+#content table .box {
+       margin: 0;
+       width: 100%;
+       text-align: left;
 }
 
-.menubar_bg {
-       background-color: #FF0000;
+.service, .who_is_online {
+       text-align: center;
+       width: 100%;
 }
 
-.msgbuttons {
-       font-size: 7pt;
+.service table, .advanced table {
+       margin-top: 0 auto 0 auto;
+       width: 100%;
+       text-align: left;
 }
 
-.roomlist_floor {
-       font-size: 12pt;
-       font-weight: bold;
-       color: #000000;
+.advanced table table {
+       margin: 0;
+       padding: 0;
 }
 
-.roomlist_new {
-       font-size: 10pt;
-       color: #880000;
-       font-weight: bold;
+.instructions {
+       text-align: center;
 }
 
-.roomlist_old {
-       font-size: 10pt;
-       color: #000088;
+#message_list_hdr table {
+       position: absolute;
+       bottom: 0; 
+       left: 0;
+       width: 100%;    
 }
 
-.ib_roomlist_floor {
-       font-size: 8pt;
-       font-weight: bold;
-       color: #000000;
-       cursor: pointer;
+.selector_top, .selector_bottom {
+       text-align: center;
 }
 
-.ib_roomlist_new {
-       font-size: 10px;
-       color: #880000;
-       font-weight: bold;
-       cursor: pointer;
+.message {
+       margin: 1%;
+       padding: 0;
 }
 
-.ib_roomlist_old {
-       font-size: 10px;
-       color: #000088;
-       cursor: pointer;
+.message_header p {
+       margin: 2px 0 2px 0;
+       padding: 0;
 }
 
-.mailbox_summary {
-       font-size: 10pt;
-       color: #000000;
+.msgbuttons a {
+       margin: 0 2px 0 2px;
+       padding: 1px;
 }
 
-
-blockquote {
-       color: navy !important; background-color: RGB(245,245,245) !important; 
-}
-blockquote blockquote {
-       color: maroon !important; background-color: RGB(235,235,235) !important;
-}
-blockquote blockquote blockquote {
-       color: green !important; background-color: RGB(225,225,225) !important;
-}
-blockquote blockquote blockquote blockquote {
-       color: purple !important; background-color: RGB(215,215,215) !important;
-}
-blockquote blockquote blockquote blockquote blockquote {
-       color: teal !important; background-color: RGB(205,205,205) !important;
+.mimepart {
+       margin-top: 15px;
+       margin-bottom: 15px;
+       margin-left: 15%;
+       width: 70%;
+       padding: 0;
 }
 
-blockquote pre {
-       margin-left: 1%;
-       margin-right: 1%;
+.mimepart img {
+       vertical-align: middle;
+       float: left;
 }
 
-
-var sub {
-       font-style: normal;
+.mimepart div {
+       vertical-align: middle;
+       margin: 0 0 15px 0 ;
+       padding: 5px;
 }
 
-.note {
-       font-size: 85%;
-       margin-left: 10%;
+.mimepart div span {
+       vertical-align: top;
 }
 
-.toolbar {
-       text-align: center;
+.mimepart dl {
+       width: 100%;
+       padding: 5px;
 }
 
-.toolbar IMG {
-       float: right;
+.mimepart dl dt {
+       width: 30%;
+       float: left;
+       margin: 0 0 0 0;
+       padding: .5em;
 }
 
-.errormsg {
-       color: #AA0000;
-       background: none;
-       font-weight: bold;
-       font-style: italic;
-}
+/* hack ie5 mac \*/
+dt { clear: both; }
+/* end hack */
 
-.imsg {
-       color: #aaaaaa;
-       background: none;
-       font-weight: bold;
-       font-style: italic;
-       text-align: center;
+.mimepart dl dd {
+       float: left;
+       width: 62%;
+       margin: 0;
+       padding: .5em;
 }
 
-.warning {
-       color: #FF4500;
-       background: none;
-       text-decoration: none;
+.mimepart p {
+       margin-top: 1em;
+       margin-bottom: 0;
+       clear: both;
 }
 
-.error strong {
-       color: #DC143C;
-       background: #FFD700;
-       text-decoration: none;
+.msgbuttons {
+       float: right;
+       visibility: hidden;
+       margin-top: 0;
+       padding: 0;
 }
 
-.warning strong {
-       color: #FF4500;
-       background: #FFD700;
-       text-decoration: none;
+.buttons a {
+       text-align: center;
 }
 
-.warning a:link, .warning a:visited, .warning a:active {
-       color: #FF4500;
-       background: none;
-       text-decoration: underline;
+.msgbuttons a span, .buttons span {
+       display: none;
 }
 
-.error a:link, .error a:visited, .error a:active {
-       color: #DC143C;
-       background: none;
-       text-decoration: underline;
+.message_content {
+       margin: 0;
+       padding: 3px;
+       clear: both;
 }
 
-.error strong a:link, .error strong a:visited, .error strong a:active {
-       color: #DC143C;
-       background: #FFD700;
+.message form div label {
+       display: block;
+       float: left;
+       margin: 3px;
+       width: 9em;
+       text-align: right;
 }
 
-.warning strong a:link, .warning strong a:visited, .warning strong a:active {
-       color: #FF4500;
-       background: #FFD700;
+.message form div input, .message form div select {
+       margin: 3px;
 }
 
-colgroup.entity {
-       text-align: center;
+.imgedit {
+       vertical-align: middle;
 }
 
-.default {
-       text-decoration: underline;
-       font-style: normal;
+.send_edit_msg {
+       float: right;
+       margin-top: 0 ;
+       margin-right: 0;
+       padding-top: 2px 50px 2px 50px;
 }
 
-.required {
-       font-weight: bold;
+.mailbox_summary tr {
+       width: 100%;
 }
 
-td li.transitional, .elements li.transitional {
-       font-weight: lighter;
-       color: #696969;
-       background: none;
+.note {
+       font-size: 85%;
+       margin-left: 10%;
 }
 
-td li.frameset, .elements li.frameset {
-       font-weight: lighter;
-       color: #808080;
-       background: none;
+.toolbar {
+       text-align: center;
 }
 
-@media print {
-       input#toggler, .toolbar { display: none }
+.toolbar img {
+       float: right;
 }
 
-
-.treetitle {
-       padding:2px;
-       cursor:default;
-       
-       font-size: 11px;
-       color: #000000;
-}
-.editednode {
-       padding:2px;
-       cursor:default;
-       background-color: #FFFFFF;;
-       color: #000000;
-       
-       font-size: 11px;
-}
-.editednodeinput {
-       background-color: #FFFFFF;;
-       color: #000000;
-       
-       width: 150px;
-       height: 17px;
-       
-       border-style: solid;
-       border-width: 1px;
-       border-color: #000000;
-       
-       font-size: 11px;
-}
-.treetitleselectedfocused {
-       padding:2px;
-       cursor:default;
-       background-color: highlight;
-       color: highlighttext;
-       
-       font-size: 11px;
-}
-.treetitleselectedblured {
-       padding:2px;
-       cursor:default;
-       background-color: menu;
-       color: windowtext;
-       font-size: 11px;
+.imsg {
+       text-align: center;
 }
 
-
-
-div.auto_complete {
-       width: 350px;
-       background: #fff;
+colgroup.entity {
+       text-align: center;
 }
 
 div.auto_complete ul {
-       border:1px solid #888;
-       margin:0;
-       padding:0;
-       width:100%;
-       list-style-type: none;
-       background: #fff;
+       margin: 0;
+       padding: 0;
+       width: 100%;
 }
 
 div.auto_complete ul li {
-       margin:0;
-       padding:3px;
+       margin: 0;
+       padding: 3px;
 }
 
-div.auto_complete ul li.selected {
-       background-color: #ffc;
-} 
-
 div.auto_complete ul strong.highlight {
-       color: #800;
-       margin:0;
-       padding:0;
+       margin: 0;
+       padding: 0;
 }
 
-
-.floors_config, .roomops_zap {
-        border: 0;
-        background-color: #770000;
-        width: 100%;
+.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  {
+ width: 100%;
 }
 
-.roomops_cell_label {
-        background-color: #FFFFFF;
+#address_book_popup {
+       position: absolute;
+       top: 100px;
+       right: 25px;
+       width: 320px;
+       height: auto;
+       z-index: 100;
+       display: none;
 }
 
-.roomops_cell, .roomops_cell_edit {
-        background-color: #CCCCCC;
+#address_book_popup_container_div {
+       position: relative;
+       width: 100%;
+       height: 100%;
 }
 
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
-        border: 0;
-        width: 100%;
-        background-color: #ffffff;
+#address_book_popup_middle_div {
+       position: relative;
 }
 
-.mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background { 
-        border: 0;
-        width: 100%;
-        background-color: #ffffff;
+#address_book_inner_div {
+       margin: 5px;
 }
 
-.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .who_background   {
-        border: 0;
-        width: 100%;
-        background-color: #ffffff;
+#address_book_inner_div select {
+       width: 100%;
 }
 
-.auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
+#address_book_inner_div input {
+       margin: 4px 5px 0 5px;
 }
 
-.mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
+.service .edit_col, .service .host_col {
+       display: none;
 }
 
-.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
+.who_is_online .edit_col, .who_is_online .host_col {
+       display: block;
 }
 
 
-.vcard_edit_background_alt, .roomops_background_alt {
-        border: 0;
-        width: 100%;
-        background-color: #dddddd;
+/* System Administration Menu */
+
+ul.adminitems {
+       margin: 15px;
+       padding: 0;
 }
 
+ul.adminitems li {
+       margin: 0.5em;
+       padding: 0;
+}
 
-.box {
-        width: 100%;
-        padding: 0px;
-        background-color: #FFFFFF;
+ul.adminitems li span {
+       display: block;
 }
 
-.boxlabel, .boxcontent {
-        padding: 5px;
+
+/* Room list - Tree Node */
+
+.treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
+       padding: 2px;
+       cursor: default;
 }
 
-.boxlabel {
-        background-color: #000088;
-        text-align: center;
+
+table.altern {
+       margin: 0 auto 0 auto;
+       width: 98%
+} 
+
+table.altern tr td {
+       height: 2em;    
+} 
+
+/* Advanced menu */
+
+table.advanced {
+       margin: 0 auto 0 auto;
+       width: 96%;
+       border-collapse: separate;
+       border-spacing: 15px;
+} 
+
+.advanced .boxcontent ul {
+       margin-left: 4em;
 }
 
-#login_screen {
-       margin: 3%;
+.advanced .boxcontent .col1, .advanced .boxcontent .col2 { 
+       float: left;
+       width: 33%;
 }
 
-.login_content {
-        background-color: white;
+.advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
+       margin-left: 0;
+       margin-bottom: 4em;
 }
 
-.login_message, .login_hello {
-        margin-left: auto;
-        margin-right: auto;
-        width: 80%;
-        text-align: center;
+/* Site configuration */
+
+#TheTabs {
 }
 
-.login_message {
-       color: red;
-       font-weight: bold;
-       font-size: 16px;
+.tabs_background {
+       margin-top: 0;
 }
 
+/* Links and buttons */
 
-#login_form {
-        display: block;
-        margin-top: 20px;
-        margin-left: auto;
-        margin-right: auto;
-        margin-bottom: 20px;
-        padding: 6px;
-        width: 290px;
-        background-color: #DDDDDD;
+.send_edit_msg {
+       margin: 0 15px 0 0;
 }
 
-#login_form input, #login_form label, #login_form select {
-        display: block;
-        float: left;
-        margin: 6px;
+.logbuttons, .buttons {
+       margin: 2px auto 2px auto;
+       width: 95%;
+       text-align: center;
 }
 
-#login_form label {
-        width: 130px;
-        text-align: left;
-}
+/* Tabs */
 
-#pname, #uname {
-        width: 130px;
-        text-align: left;
+.tab_cell_label, .tab_cell, .tab_cell_edit {
+       margin: 0;
+       padding: 0 15px 0 15px;
 }
 
-#login_form br {
-        clear: left;
+ul.tabbed_dialog {
+       margin: 3% 0 0 2%;
+       padding: 0;
+       float: left;
+       width: 20%;
 }
 
-#login_form .logbuttons {
-        margin-left: auto;
-        margin-right: auto;
+.tabbed_dialog .tablabel {
+       margin: 0 0 3% 0;
+       padding: 0.4em;
 }
 
-#login_form .logbutton {
-       width: auto;
-        text-align: center;
+.tabcontent {
+       margin-top: 2%;
+       margin-left: 22%;
+       width: 74%;
+       padding: 10
 }
 
-.login_infos {
-        display: block;
-        margin-top: 30px;
-        margin-left: auto;
-        margin-right: auto;
-        width: 80% ;
-        text-align: left;
+/* Calendar view */
+
+.calendar {
+       margin: 2% auto 0 auto;
+       width: 98%;
 }
 
+.calday, .calout, .calweekend {
+       width: 14%;
+       height: 60px;
+       text-align: left;
+       vertical-align: top;
+}