X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Fwebcit.css;h=326991b6aae393fc5bf500e7917baaaa89c442a7;hb=2f5f782ea6ce0bcf798f0735d46ed410a20ef2aa;hp=9cd12ebc65771ef5ba1d291657513488574188aa;hpb=3c6c2af54e9d9da684b88a905cac9e8b3589511e;p=citadel.git

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