I continue the rewriting of the CSS stylesheet
authorThierry Pasqualier <thierry@uncensored.citadel.org>
Mon, 1 Oct 2007 22:33:26 +0000 (22:33 +0000)
committerThierry Pasqualier <thierry@uncensored.citadel.org>
Mon, 1 Oct 2007 22:33:26 +0000 (22:33 +0000)
webcit/static/webcit.css

index 9855173b14b63693e3251bc9ed18f177c9d9a7ad..492fd2a9a8511385a34a30412550b87ec1b03be5 100644 (file)
@@ -2,7 +2,6 @@
        input#toggler, .toolbar { display: none }
 }
 
-
 /* Typography & colors */
 
 html { font-size: 100%;}
@@ -10,492 +9,428 @@ html {     font-size: 100%;}
 body { font-size: 11pt}
 
 #banner h1 {
-font-size:15pt;
+       font-size: 16pt;
 }
 
 #banner h2,#banner .titlebar, .address_book_popup_title {
-font-size:13pt;
+       font-size: 13pt;
 }
 
-#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: 9pt;
+#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;
 }
 
 
+/* Color */
+
 body {
-background-color:#004E79;
-font-family:"Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
-font-weight:400;
+       background-color: #004E79;
+       font-family: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+       font-weight: 400;
 }
 
-
-#banner, #banner a, .selector_top,.selector_bottom {
-color:#FFFFFF;
+.box, #wholist li.inactiveuser a {
+       background-color: transparent;
 }
 
-#content, #address_book_popup_container_div,#address_book_popup_middle_div,#address_book_inner_div select {
-background-color:#6C91A6;
-color: #000000
+.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;
 }
 
-#address_book_popup {
-background-color:#fff;
-border:1px solid black;
-color:#000;
+#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt 
+ {
+       background-color: #CCC;
 }
 
-#banner h1,#banner h2 {
-font-weight:700;
+.room_banner .infos {
+       cursor: help;
 }
 
-#banner ul.room_actions li.start_page a,#navbar,.selector_top,.selector_bottom {
-background-color:#022750;
+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;
 }
 
-#button li {
-border:0;
-border-bottom:2px groove #CCCCCC;
-border-right:2px groove #CCCCCC;
+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;
 }
 
-#button li a {
-color:#000000;
-text-decoration:none;
+.login_message {
+       color: #AD1C00;
+       font-weight: 700;
+       text-transform: uppercase;
 }
 
-#button li.switch {
-border:0;
-border-bottom:1px solid #AAAAAA;
+#iconbar, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
+       background-color: #F0FFFF;
+       color: #666;
 }
 
-#content .msgbuttons a,input#delbutton,.attachfile,.logbuttons input,.buttons input {
-background-color:transparent;
-border:2px groove #CCCCCC;
-color:black;
+#iconbar #button {
+       border: none;
+       list-style: none;
 }
 
-#iconbar #button {
-border:none;
-list-style:none;
+#room_infos, #address_book_popup, .mimepart, .room_actions form select {
+       border: 1px solid #333;
 }
 
-#iconbar,#room_infos {
-background-color:#F0FFFF;
-color:#666666;
+
+.buttons a,.roomlist_floor,.tablabel,.treetitle {
+       color: #000;
+       font-weight: 700;
 }
 
-#important_message {
-background-color:#AD1C00;
-color:#FFFFFF;
+#button li {
+       border: none;
+       border-bottom: 2px groove #AAA;
+       border-right: 2px groove #AAA;
 }
 
-#login_form #uname,#login_form #pname {
-background-color:#F0FFFF;
-color:#666666;
-text-align:left;
+.logo_citadel a,.logo_citadel img {
+       border: none;
 }
 
-#login_form,.roomops_cell,.roomops_cell_edit {
-background-color:#CCCCCC;
+.logo,.logo_citadel, #button li.switch {
+       border: none;
+       border-bottom: 1px solid #AAA;
 }
 
-#message_list {
-background-color:#FFFFFF;
-text-align:left;
+#button li a {
+       color: #000;
+       text-decoration: none;
 }
 
-#message_list_hdr form input {
-border:0;
-margin:0;
+#wholist li {
+       border: none;
+       border-top: 1px solid #AAA;
 }
 
-#message_list_hdr select {
-background-color:#005380;
-border:1px solid #6C91A6;
+#banner h1,#banner h2,.room_banner .nummsgs,.mimepart div,.required {
+       font-weight: 700;
 }
 
-#message_list_hdr table {
-background-color:#CCCCCC;
-font-style:italic;
-text-align:left;
+#banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom {
+       background-color: #022750;
+       color: #FFF;
 }
 
-#resize_msglist {
-background-color:#CCCCCC;
-background-image:url(/static/resizegrippy.gif);
-background-position:center;
-background-repeat:no-repeat;
+#banner, #banner a {
+       color: #FFF
 }
 
-#resize_msglist hr {
-background-color:#999999;
-border:0;
-color:#999999;
-height:3px;
+.room_actions form select {
+       cursor: pointer;
 }
 
-#roomlist_div,.editednode,.editednodeinput {
-background-color:#FFFFFF;
-color:#000000;
+#content {
+       background-color: #6C91A6;
+       color: #000;
 }
 
-#wholist li {
-border:0;
-border-top:1px solid #AAAAAA;
+#content .msgbuttons a,input#delbutton,.attachfile,.logbuttons input,.buttons input {
+       background-color: transparent;
+       border: 2px groove #AAA;
+       color: #000;
 }
 
-#wholist li.activeuser a {
-background-color:#FEF07D;
+#message_list_hdr form input {
+       border: 0;
 }
 
-.address_book_popup_title {
-background-color:#fbf4ca;
-color:#000;
+#message_list_hdr select {
+       background-color: #AD1C00;
+       border: 1px solid #6C91A6;
 }
 
-.adminlist,.tabbed_dialog {
-list-style:none;
+#message_list_hdr table {
+       font-style: italic;
 }
 
-.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 {
-background-color:#FFFFFF;
-border:0;
+#resize_msglist {
+       background-image: url(/static/resizegrippy.gif);
+       background-position: center;
+       background-repeat: no-repeat;
 }
 
-.box,#wholist li.inactiveuser a {
-background-color:transparent;
+#resize_msglist hr {
+       background-color: #999;
+       border: 0;
+       color: #999;
+       height: 3px;
 }
 
-.boxcontent,.service form div,table.altern .odd,.message_content {
-background-color:#FFFFFF;
+.message {
+       border: 1px outset #999;
+       clear: both;
 }
 
-.buttons a {
-color:#000000;
-font-weight:700;
+.message_header .message_subject {
+       font-style: italic;
 }
 
-.buttons a:hover,.msgbuttons a:hover {
-background-image:url(/static/body-background.gif);
-color:#000000;
-text-decoration:none;
+
+.adminlist,.tabbed_dialog {
+       list-style: none;
 }
 
 .customize {
-background-color:#DDDDCC;
-color:#000044;
-font-style:italic;
+       background-color: #DDC;
+       color: #004;
+       font-style: italic;
 }
 
 .default {
-font-style:normal;
-text-decoration:underline;
+       font-style: normal;
+       text-decoration: underline;
 }
 
 .editednodeinput {
-border:1px solid #000000;
-height:17px;
-width:150px;
+       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 a: link,.error a:visited,.error a:active {
+       background: none;
+       color: #DC143C;
+       text-decoration: underline;
 }
 
 .error strong {
-background:#FFD700;
-color:#DC143C;
-text-decoration:none;
+       background: #FFD700;
+       color: #DC143C;
+       text-decoration: none;
 }
 
-.error strong a:link,.error strong a:visited,.error strong a:active {
-background:#FFD700;
-color:#DC143C;
+.error strong a: link,.error strong a:visited,.error strong a:active {
+       background: #FFD700;
+       color: #DC143C;
 }
 
 .errormsg {
-background:none;
-color:#AA0000;
-font-style:italic;
-font-weight:700;
+       background: none;
+       color: #A00;
+       font-style: italic;
+       font-weight: 700;
 }
 
 .floors_config,.roomops_zap {
-background-color:#770000;
-border:0;
+       background-color: #700;
+       border: 0;
 }
 
-.ib_roomlist_floor,.ib_roomlist_new,.ib_roomlist_old {
-cursor:pointer;
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
+       cursor: pointer;
 }
 
-.imsg {
-background:none;
-color:#AAAAAA;
-font-style:italic;
-font-weight:700;
+.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
+       font-weight: 700;
 }
 
-.login_message {
-color:#AD1C00;
-font-weight:700;
-text-transform:uppercase;
+.ib_roomlist_floor {
+       color: #000;
 }
 
-.logo,.logo_citadel {
-border-bottom:1px solid #CCCCCC;
+.roomlist_new, .ib_roomlist_new {
+       color: #800;
 }
 
-.logo_citadel a,.logo_citadel img {
-border:none;
+.roomlist_old, .ib_roomlist_old {
+       color: #008;
 }
 
-.mailbox_summary {
-background-color:#FFFFFF;
-color:#000000;
+.imsg {
+       background: none;
+       color: #AAA;
+       font-style: italic;
+       font-weight: 700;
 }
 
 .menubar_bg {
-background-color:#FF0000;
-}
-
-.message {
-background-color:#CCCCCC;
-border:1px outset #999999;
-clear:both;
-text-align:left;
-}
-
-.message_header {
-background-color:#CCCCCC;
-color:black;
-text-align:left;
-}
-
-.message_header .message_subject {
-font-style:italic;
-}
-
-.mimepart {
-background-color:#FFFFDD;
-border:2px solid #CCCCCC;
+       background-color: red;
 }
 
 .mimepart div span {
-display:block;
-font-style:italic;
+       display: block;
+       font-style: italic;
 }
 
-.mimepart dl dd,.mailbox_summary td {
-border-top:1px solid #999999;
+.mimepart dl dd,.mailbox_summary td, .mimepart dl dt {
+       border-top: 1px solid #AAA;
 }
 
 .mimepart dl dt {
-border-top:1px solid #999999;
-font-weight:700;
-}
-
-.room_actions form select {
-background-color:#0E608C;
-border:1px solid #6C91A6;
-color:#FFFFFF;
-cursor:pointer;
-}
-
-.room_actions li.search input {
-background-color:#FFFFEE;
-}
-
-.room_banner .infos {
-cursor:help;
-}
-
-.roomlist_floor,.ib_roomlist_floor {
-color:#000000;
-}
-
-.roomlist_floor,.ib_roomlist_floor,.roomlist_new,.ib_roomlist_new,.room_banner .nummsgs,.mimepart div,.required {
-font-weight:700;
-}
-
-.roomlist_new,.ib_roomlist_new {
-color:#880000;
-}
-
-.roomlist_old,.ib_roomlist_old {
-color:#000088;
+       font-weight: 700;
 }
 
 .roomops_cell_label,.boxlabel,.tab_cell_label {
-background-color:#FF7814;
-color:#FFFFFF;
-font-weight:700;
+       background-color: #FF7814;
+       color: #FFF;
+       font-weight: 700;
 }
 
 .selectbox {
-background-color:#FF8000;
+       background-color: #FF8000;
 }
 
 .tab_cell,.tab_cell_edit {
-background-color:#CCCCCC;
-font-weight:700;
+       background-color: #CCC;
+       font-weight: 700;
 }
 
 .tabcontent {
-background-color:#FFFFFF;
-border-left:3px solid #FF7814;
-}
-
-.tablabel,.treetitle {
-color:#000000;
-font-weight:700;
+       background-color: #FFF;
+       border-left: 3px solid #FF7814;
 }
 
 .treetitleselectedblured {
-background-color:menu;
-color:windowtext;
+       background-color: menu;
+       color: windowtext;
 }
 
 .treetitleselectedfocused {
-background-color:highlight;
-color:highlighttext;
+       background-color: highlight;
+       color: highlighttext;
 }
 
-.vcard_edit_background_alt,.roomops_background_alt {
-background-color:#dddddd;
-border:0;
+.warning
+{
+       background: none;
+       color: #FF4500;
+       text-decoration: none;
 }
 
-.warning {
-background:none;
-color:#FF4500;
-text-decoration:none;
+.warning a: link,.warning a:visited,.warning a:active
+{
+       background: none;
+       color: #FF4500;
+       text-decoration: underline;
 }
 
-.warning a:link,.warning a:visited,.warning a:active {
-background:none;
-color:#FF4500;
-text-decoration:underline;
+.warning strong
+{
+       background: #FFD700;
+       color: #FF4500;
+       text-decoration: none;
 }
 
-.warning strong {
-background:#FFD700;
-color:#FF4500;
-text-decoration:none;
+.warning strong a: link,.warning strong a:visited,.warning strong a:active
+{
+       background: #FFD700;
+       color: #FF4500;
 }
 
-.warning strong a:link,.warning strong a:visited,.warning strong a:active {
-background:#FFD700;
-color:#FF4500;
-}
 
-a {
-text-decoration:none;
+blockquote {
+       background-color: #f5f5f5 !important;
+       color: navy !important;
 }
 
-a:active {
-color:#8B0000;
+blockquote blockquote {
+       background-color: #ebebeb !important;
+       color: maroon !important;
 }
 
-a:link {
-color:blue;
+blockquote blockquote blockquote {
+       background-color: #e1e1e1 !important;
+       color: green !important;
 }
 
-a:visited {
-color:purple;
+blockquote blockquote blockquote blockquote {
+       background-color: #d7d7d7 !important;
+       color: purple !important;
 }
 
+blockquote blockquote blockquote blockquote blockquote {
+       background-color: #cdcdcd !important;
+       color: teal !important;
+}
 
-div.auto_complete {
-background:#FFFFFF;
+blockquote pre {
+       margin-left: 1%;
+       margin-right: 1%;
 }
 
 div.auto_complete ul {
-background:#fff;
-border:1px solid #888;
-list-style-type:none;
+       background: #fff;
+       border: 1px solid #888;
+       list-style-type: none;
 }
 
 div.auto_complete ul li.selected {
-background-color:#ffc;
+       background-color: #ffc;
 }
 
 div.auto_complete ul strong.highlight {
-color:#800;
+       color: #800;
 }
 
-input,select {
-border:1px solid #999999;
-}
-
-input:hover,#button li a:hover,#wholist li a:hover {
-background-color:#CCCCCC;
-color:#000000;
-}
 
 table.altern {
-border-bottom:solid 2px #DDDDDD;
-border-top:solid 2px #DDDDDD;
+       border-bottom: solid 2px #AAA;
+       border-top: solid 2px #AAA;
 }
 
 table.altern .even {
-background-color:#DDDDDD;
+       background-color: #DDD;
 }
 
 td li.frameset,.elements li.frameset {
-background:none;
-color:#808080;
-font-weight:lighter;
+       background: none;
+       color: gray;
+       font-weight: lighter;
 }
 
 td li.transitional,.elements li.transitional {
-background:none;
-color:#696969;
-font-weight:lighter;
+       background: none;
+       color: #696969;
+       font-weight: lighter;
 }
 
 ul.adminitems {
-list-style-type:disc;
-padding:0;
+       list-style-type: disc;
+       padding: 0;
 }
 
 ul.adminitems li {
-color:#FF8000;
-font-weight:700;
+       color: #FF8000;
+       font-weight: 700;
 }
 
-ul.adminitems li span {
-color:#666666;
+ul.adminitems li span
+{
+       color: #666;
 }
 
-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;
+var sub {
+       font-style: normal;
 }
-blockquote blockquote blockquote blockquote blockquote {
-       color: teal !important; background-color: RGB(205,205,205) !important;
+
+
+a {
+       text-decoration: none;
 }
 
-blockquote pre {
-       margin-left: 1%;
-       margin-right: 1%;
+a:active {
+       color: #AD1C00;
 }
 
+a:link {
+       color: blue;
+}
 
-var sub {
-       font-style: normal;
+a:visited {
+       color: purple;
 }
 
+#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 */
 
@@ -504,22 +439,20 @@ var sub {
 }
 
 body {
-       margin:0;
-       padding: 0 0 0 0;
        height: 100%;
        overflow: hidden;
        text-align: center;
 }
 
-#global {
+body, #global {
        margin: 0;
        padding: 0;
 }
 
 #important_message {
-       position:absolute;
-       top:0px
-       right:0px;
+       position: absolute;
+       top: 0
+       right: 0;
        z-index: 2;
 }
 
@@ -528,21 +461,23 @@ body {
        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%;
-        text-align: left;
 }
 
 #banner {
        position: absolute;
        top: 0;
-       left: 17%;
+       left: 16%;
        width: 84%;
-       height: 16%;
-        text-align: left;
+       height: 18%;
 }
 
 #navbar {
@@ -554,12 +489,11 @@ body {
 
 #content {
        position: absolute;
-       top: 17%;
+       top: 18%;
        left: 16%;
        width: 84%;
-       height: 83%;
+       height: 82%;
        overflow: auto;
-        text-align: left;
 }
 
 #message_list_hdr {
@@ -570,7 +504,6 @@ body {
        width: 100%;
        height: 5%;
        overflow: hidden;
-       text-align: left;
 }
 
 #message_list {
@@ -581,10 +514,8 @@ body {
        height: 20%;
        overflow: auto;
        cursor: pointer;
-        text-align: left;
 }
 
-
 #resize_msglist {
        position: absolute;
        top: 25%;
@@ -602,12 +533,10 @@ body {
        width: 100%;
        height: 74%;
        overflow: auto;
-        text-align: left;
 }
 
-
 .fix_scrollbar_bug {
-       margin-right:1px;               /* Gecko and other non-broken browsers */
+       margin-right: 1px;              /* Gecko and other non-broken browsers */
        width: expression('96%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 }
 
@@ -615,80 +544,71 @@ body {
 /* Boxes */
 
 .box {
-        width: 100%;
-        padding: 0;
+       width: 100%;
+       padding: 0;
 }
 
 .boxlabel, .boxcontent {
-        padding: 5px;
+       padding: 5px;
 }
 
 .boxlabel {
-        text-align: center;
+       text-align: center;
 }
 
 
-
 /* Login */
 
-#login_screen .login_message, .login_hello {
-        position: relative;
-        margin-left: auto;
-        margin-right: auto;
-        width: 60%;
-        text-align: center;
+#login_screen .login_message, .login_hello, #global center {
+       position: relative;
+       margin: 0 auto 0 auto;
+       width: 80%;
 }
 
 #login_screen .login_image {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: center;
+       display: block;
+       margin: 0 auto 0 auto;
+       width: 65%;
 }
 
 #login_screen #login_form {
-        position: relative;
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-        margin-bottom: 0;
-        padding: 10px;
-        width: 308px;
-        text-align: center;
+       position: relative;
+       display: block;
+       margin: 0 auto 0 auto;
+       padding: 10px;
+       width: 320px;
 }
 
 #login_form input, #login_form label, #login_form select {
-        display: block;
-        float: left;
-        margin: 6pt;
+       display: block;
+       float: left;
+       margin: 6pt;
 }
 
 #login_form label, #pname, #uname {
-        width: 130px;
-        text-align: left;
+       width: 130px;
+       text-align: left;
 }
 
 #login_form br {
-        clear: left;
+       clear: left;
 }
 
 .login_infos {
-        display: block;
-        margin-top: 20px;
-        margin-left: auto;
-        margin-right: auto;
-        width: 80% ;
-        text-align: left;
+       display: block;
+       margin: 20px auto 0 auto;
+       width: 80% ;
+       text-align: left;
 }
 
 
 /* Iconbar */
 
 .logo, .logo_citadel {
-        display: block;
-        text-align: center;
-        margin: 0;
-        padding: 0;
+       display: block;
+       text-align: center;
+       margin: 0;
+       padding: 0;
 }
 
 #iconbar #button {
@@ -699,7 +619,8 @@ body {
 
 #button li {
        margin: 4px 8px 4px 8px;
-       padding: 2px
+       padding: 0;
+       text-align: left;
 }
 
 #button li.switch {
@@ -725,53 +646,48 @@ html>body #button li a {
 
 #wholist {
        border: 0;
-        margin: 0;
-        padding: 0;
+       margin: 0;
+       padding: 0;
        max-height: 200px;
        overflow: auto;
 }
 
 #wholist li {
-        text-align: center;
-        list-style: none;
-        margin: 0;
-        padding: 2px;
-        white-space: nowrap;
+       text-align: center;
+       list-style: none;
+       margin: 0;
+       padding: 2px;
+       white-space: nowrap;
 }
 
 
 /* Banner */
 
-#banner {
-        text-align: left;
-}
-
 #banner .room_banner {
+       float: left;
        margin: 0;
        padding: 0;
-       float: left;
 }
 
-#banner img {
-        float: left;
+#banner .room_banner img {
+       float: left;
        margin: 0 5px 15px 0;
 }
 
 #banner h1, #banner h2, #banner .room_banner .infos, #banner .room_banner p {
        margin: 2px;
-        padding: 0;
+       padding: 0;
 }
 
 #room_infos {
-        position: absolute;
-        top: 0;
-        left: 50%;
-        width: 45%;
-        padding: 11px;
-        z-index: 10;
+       position: absolute;
+       top: 0;
+       left: 50%;
+       width: 45%;
+       z-index: 10;
        cursor: pointer;
-        text-align: left;
-        padding: 10px 2px 2px 2px;
+       text-align: left;
+       padding: 10px 2px 2px 2px;
 }
 
 #room_infos img.close_infos {
@@ -779,42 +695,46 @@ html>body #button li a {
 }
 
 #banner ul.room_actions {
-        list-style: none;
        margin: 0;
-       padding: 0
+       list-style: none;
+       float: right;
+       text-align: right;
 }
 
 #banner ul.room_actions li {
-        margin: 0 0 4px 0;
-        padding: 2px;
-        white-space: nowrap;
-       text-align: right;
+       white-space: nowrap;
+       display: inline;
 }
 
 #banner ul.room_actions li select, #banner ul.room_actions li input {
-        margin: 0;
-        padding: 0;
+       margin-top: 8px;
+       margin-right: 4px;
 }
 
 /* Navbar */
 
 #navbar ul, .selector_top, .selector_bottom {
        width: 100%;
-        margin: 0 auto 0 auto;
-       padding: 2px;
-        white-space: nowrap;
-        text-align: center;
+       margin: 0 auto 0 auto;
+       padding: 0;
+       white-space: nowrap;
+       text-align: center;
+       vertical-align: middle;
 }
 
 #navbar ul li {
        display: inline;
        list-style: none;
-       margin: 0 8px 0 8px;
-        white-space: nowrap;
+       vertical-align: middle;
 }
 
+#navbar ul li a {
+       padding: 2px 8px 8px 8px;
+       white-space: nowrap;
+ }
+
 #navbar ul li img {
-        float: none;
+       float: none;
        margin: 0 2px 0 2px;
 }
  
@@ -822,12 +742,11 @@ html>body #button li a {
 /* Content */
 
 #content .box {
-       margin-top: 2%;
-       margin-left: auto;
-       margin-right: auto;
+       margin-top: 2% auto 0 auto;
        width: 95%;
        text-align: left;
 }
+
 .boxcontent table {
        margin: 0;
        padding: 0;
@@ -845,9 +764,7 @@ html>body #button li a {
 }
 
 .service table, .advanced table, .who_is_online table {
-       margin-top: 0;
-       margin-left: auto;
-       margin-right: auto;
+       margin-top: 0 auto 0 auto;
        width: 100%;
        text-align: left;
 }
@@ -857,9 +774,7 @@ html>body #button li a {
        padding: 0;
 }
 
-
 .instructions {
-
 }
 
 #message_list_hdr table {
@@ -870,7 +785,7 @@ html>body #button li a {
 }
 
 .selector_top, .selector_bottom {
-        text-align: center;
+       text-align: center;
 }
 
 .message {
@@ -883,8 +798,6 @@ html>body #button li a {
        padding: 0;
 }
 
-
-
 .msgbuttons a {
        margin: 0 2px 0 2px;
        padding: 0 2px 0 2px;
@@ -899,18 +812,18 @@ html>body #button li a {
 }
 
 .mimepart img {
-        vertical-align: middle;
+       vertical-align: middle;
        float: left;
 }
 
 .mimepart div {
-        vertical-align: middle;
+       vertical-align: middle;
        margin: 0 0 15px 0 ;
        padding: 5px;
 }
 
 .mimepart div span {
-        vertical-align: top;
+       vertical-align: top;
 }
 
 .mimepart dl {
@@ -943,56 +856,54 @@ dt { clear: both; }
 }
 
 .msgbuttons {
-        float: right;
-        visibility: hidden;
+       float: right;
+       visibility: hidden;
        margin-top: 0 10px 0 0;
        margin-right: 0;
        padding: 0;
 }
 
 .buttons a {
-        text-align: center;
+       text-align: center;
 }
 
 .msgbuttons a span, .buttons span {
-        display: none;
+       display: none;
 }
 
 .message_content {
        margin: 0;
        padding: 3px;
-        clear: both;
+       clear: both;
 }
 
 .message form div label {
-        display: block;
-        float: left;
-        margin: 3px;
-        width: 9em;
-        text-align: right;
+       display: block;
+       float: left;
+       margin: 3px;
+       width: 9em;
+       text-align: right;
 }
 
 .message form div input, .message form div select {
-        margin: 3px;
+       margin: 3px;
 }
 
 .imgedit {
-        vertical-align: middle;
+       vertical-align: middle;
 }
 
 .send_edit_msg {
-        float: right;
-        margin-top: 0 ;
-        margin-right: 0;
-        padding-top: 2px 50px 2px 50px;
+       float: right;
+       margin-top: 0 ;
+       margin-right: 0;
+       padding-top: 2px 50px 2px 50px;
 }
 
-
 .mailbox_summary tr {
        width: 100%;
 }
 
-
 .note {
        font-size: 85%;
        margin-left: 10%;
@@ -1010,50 +921,37 @@ dt { clear: both; }
        text-align: center;
 }
 
-
 colgroup.entity {
        text-align: center;
 }
 
-
-div.auto_complete {
-       background: #fff;
-}
-
 div.auto_complete ul {
-       margin:0;
-       padding:0;
-       width:100%;
+       margin: 0;
+       padding: 0;
+       width: 100%;
 }
 
 div.auto_complete ul li {
-       margin:0;
-       padding:3px;
+       margin: 0;
+       padding: 3px;
 }
 
-
 div.auto_complete ul strong.highlight {
-       margin:0;
-       padding:0;
-}
-
-.floors_config, .roomops_zap {
-        width: 100%;
+       margin: 0;
+       padding: 0;
 }
 
-
-.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   {
-        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%;
 }
 
-
 #address_book_popup {
-        position: absolute;
-        top: 100px;
-        right: 25px;
-        width: 320px;
+       position: absolute;
+       top: 100px;
+       right: 25px;
+       width: 320px;
        height: auto;
-        z-index: 100;
+       z-index: 100;
        display: none;
 }
 
@@ -1075,6 +973,10 @@ div.auto_complete ul strong.highlight {
        width: 100%;
 }
 
+#address_book_inner_div input {
+       margin: 4px 5px 0 5px;
+}
+
 .edit_col, .host_col {
        display: none;
 }
@@ -1084,18 +986,15 @@ div.auto_complete ul strong.highlight {
 }
 
 
-
-
 /* System Administration Menu */
 
-
 ul.adminitems {
-        margin: 15px;
+       margin: 15px;
        padding: 0;
 }
 
 ul.adminitems li {
-        margin: 0.5em;
+       margin: 0.5em;
        padding: 0;
 }
 
@@ -1104,12 +1003,11 @@ ul.adminitems li span {
 }
 
 
-
 /* Room list - Tree Node */
 
 .treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
-       padding:2px;
-       cursor:default;
+       padding: 2px;
+       cursor: default;
 }
 
 
@@ -1125,7 +1023,7 @@ table.altern tr td {
 /* Advanced menu */
 
 table.advanced {
-       margin: 15px auto 0 auto;
+       margin: 0 auto 0 auto;
        width: 98%
        border-collapse: separate;
        border-spacing: 15px;
@@ -1135,12 +1033,12 @@ table.advanced {
        margin-left: 4em;
 }
 
-.advanced .boxcontent .col1, .advanced .boxcontent .col2  
+.advanced .boxcontent .col1, .advanced .boxcontent .col2 { 
        float: left;
        width: 33%;
 }
 
-.advanced .boxcontent .col2, .advanced .boxcontent .lastcol  {
+.advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
        margin-left: 0;
        margin-bottom: 4em;
 }
@@ -1172,15 +1070,12 @@ table.advanced {
 
 .tab_cell_label, .tab_cell, .tab_cell_edit {
        margin: 0;
-        padding: 0 15px 0 15px;
-
+       padding: 0 15px 0 15px;
 }
 
-
-
 ul.tabbed_dialog {
        margin: 3% 0 0 2%;
-       padding:0;
+       padding: 0;
        float: left;
        width: 20%;
 }