X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Fwebcit.css;h=537a2ce7ff99b6c04ea9706a1c2a6b76a9c78727;hb=0162d5281025e047788dc821ed8ea517c1ee80b0;hp=1b5a5089e05ad75be18e5475a4d4fd054092d8d5;hpb=78585ad10b89a03cd3a14394058148592bc1aa24;p=citadel.git

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 1b5a5089e..537a2ce7f 100644
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -1,534 +1,972 @@
+@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, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .mailbox_summary, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, #navbar, .selector_top, .selector_bottom, .room_banner .infos,.room_banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, #message_list_hdr table, .message_header, ul.adminitems li span {
 	font-size: 10pt;
-	font-family: sans-serif;
 }
 
-#iconbar {
-	/* position:fixed; */
-	display:block;
-	top:0px;
-	left:0px;
-	width: 15%;
-	/* height:100%; */
-	background: #ffffee;
+#wholist li {
+	font-size: 8pt;
 }
 
-* html #iconbar {
-	position:absolute;
-	display:block;
-	top:0px;
-	left:0px;
-	width: 15%;
-	/* height:100%; */
-	background: #ffffee;
+/* Color */
+
+body {
+	background-color: #6C91A6;
+	font-family: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+	font-weight: 400;
 }
 
-.logo, .logo_citadel {
-        display: block;
-        text-align: center;
-        border-bottom: 1px solid #aaaaaa;
-        margin: 0;
-        padding: 0;
+#iconbar, .boxcontent,.service form div,table.altern .odd, #message_list, .message_content, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul {
+	background-color: #FFF;
+	color: #000;
+}
+
+#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt 
+ {
+	background-color: #CCC;
+}
+
+.box, #wholist li.inactiveuser a {
+	background-color: transparent;
+}
+
+.room_banner .infos {
+	cursor: help;
+}
+
+.login_message {
+	color: #AD1C00;
+	font-weight: 700;
+	text-transform: uppercase;
 }
 
-.logo_citadel a, .logo_citadel img {
-        border: none;
+#iconbar ul li a, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
+	background-color: #F0FFFF;
+	color: #333;
+}
+
+#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 #CCC;
+	border-right: 2px groove #CCC;
+}
+
+.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 {
-	position:fixed;
-	display:block;
-	top:0px;
-	left: 15%;
-	width: 85%;
-	height: 15%;
-	background: #445;
+	background-color: #004E79;
+	color: #FFF
+
+}
+#banner a {
+	color: #FFF
 }
 
-* html #banner {
-	position:absolute;
-	display:block;
-	top:0px;
-	left: 15%;
-	width: 85%;
-	height: 15%;
-	background: #445;
+.room_actions form select {
+	cursor: pointer;
 }
 
+#content {
+	background-color: #6C91A6;
+	color: #000;
+}
 
-#banner .room_banner {
-        float: left;
-        width: 48%;
+#message_list_hdr form input {
+	border: 0;
 }
 
-.room_banner img {
-        float: left;
-        margin-top: 0;
-        margin-left: 0;
-        margin-bottom: 5px;
-        margin-right: 5px;
+#message_list_hdr select {
+	background-color: #AD1C00;
+	border: 1px solid #6C91A6;
 }
 
-.room_banner h1 {
-        font-size: 14pt;
-        font-weight: bold;
-        color: #FFFFEE;
-        margin: 0;
-        padding: 2px;
+#message_list_hdr table {
+	font-style: italic;
 }
 
-.room_banner .infos {
-        font-size: 8pt;
-	color: #FFFFEE;
-        text-align: center;
-        padding: 2px;
-	cursor: help;
+#resize_msglist {
+	background-image: url(/static/resizegrippy.gif);
+	background-position: center;
+	background-repeat: no-repeat;
 }
 
-#room_infos {
-        position: absolute;
-        top: 0px;
-        left: 50%;
-        width: 45%;
-        padding: 11px;
-        margin: 0px;
-        z-index: 100;
-        color: #666;
-        background: white;
-}
-
-#room_infos .close_infos {
+#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;
+	float: left;	
+}
+
+.adminlist {
+	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;
-        font-size: 8pt;
-	color: black;
-        text-align: right;
-        padding: 2px;
-	margin-top: 5px;
 }
 
-#banner ul {
-        float: right;
-        text-align: right;
-        width: 48%;
-        margin: 0;
-        padding: 0;
+.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
+	font-weight: 700;
 }
 
-#banner ul li {
-        text-align: right;
-        clear: right;
-        list-style: none;
-        margin: 0;
-        padding: 2px;
-        white-space: nowrap;
+.ib_roomlist_floor {
+	color: #000;
 }
 
-li.search {
-        font-size: 10pt;
-        float: left;
-        color: #FFFFFF;
+.roomlist_new, .ib_roomlist_new {
+	color: #800;
 }
 
-li.view {
-        font-size: 10pt;
-        float: right;
-        color: #FFFFFF;
+.roomlist_old, .ib_roomlist_old {
+	color: #008;
 }
 
-li.search form, li.view form {
-	margin: 0;
+.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-top: 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;
+}
+
+div.auto_complete ul li.selected {
+	background-color: #ffc;
+}
+
+div.auto_complete ul strong.highlight {
+	color: #800;
+}
+
+
+table.altern {
+	border-bottom: solid 2px #AAA;
+	border-top: solid 2px #AAA;
+}
+
+table.altern .even {
+	background-color: #DDD;
+}
+
+td li.frameset,.elements li.frameset {
+	background: none;
+	color: gray;
+	font-weight: lighter;
+}
+
+td li.transitional,.elements li.transitional {
+	background: none;
+	color: #696969;
+	font-weight: lighter;
+}
+
+ul.adminitems {
+	list-style-type: disc;
 	padding: 0;
 }
 
-li.nummsgs {
-        font-size: 10pt;
-        color: #DDDDCC;
+ul.adminitems li {
+	font-weight: 700;
 }
 
-li.start_page {
-        font-size: 8pt;
-        color: #DDDDCC;
+ul.adminitems li span
+{
+	color: #666;
 }
 
+var sub {
+	font-style: normal;
+}
 
-#navbar {
-	position: absolute; 
-	bottom: 0px; 
-	left: 0px;
+.calendar {
+	background-color: #204B78;
 }
 
-#navbar ul {
-	float: left;
-	width: 95%;
-        margin: 0;
-        padding: 0;
-        white-space: nowrap;
-        text-align: left;
+.day {
+	font-weight: 700;
 }
 
-#navbar ul li {
-	display: inline;
-	list-style: none;
-	margin-top: 0;
-	margin-right: 5px;
-	margin-bottom:0 ;
-	margin-left: 20px;
-        white-space: nowrap;
+.calout {
+	background-color: #DDDDDD;
 }
 
-#navbar ul li img {
-	margin-top: 0;
-	margin-right: 2px;
-	margin-bottom:0 ;
-	margin-left: 2px;
+.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; }
+
+#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;
 }
 
-.navbar_link {
-	font-size: 7pt;
-	color: #FFFFEE;
+
+
+.button_link a, 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, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+	background-color: #fbf4ca;
+}
+
+.button_link a, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+	border: 1px solid #999;
+	color: #333;
 }
 
 
+.button_link a, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+	cursor: pointer;
+        -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+	text-align: center;
+}
+
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+	font-weight: bold;
+}
+
+.msgbuttons a, input#delbutton {
+	font-weight: normal;
+}
+
+
+/* Layout */
+
+* html {
+	overflow: hidden;
+}
+
+body {
+	height: 100%;
+	overflow: hidden;
+	text-align: center;
+}
+
+body, #global {
+	margin: 0;
+	padding: 0;
+}
+
 #important_message {
-	position:absolute;
-	top:0px; right:0px;
-	background-color: #880000;
+	position: absolute;
+	top: 0; 
+	right: 0;
 	z-index: 2;
+	padding: 3px;
 }
 
-#content {
-	position:fixed;
-	display:block;
-	top: 16%;
-	left: 15%;
-	width: 85%;
-	height: 84%;
-	overflow: auto;
-	/* overflow-x: hidden; */
+#login_screen, #logout_screen {
+	margin: 0;
+	padding: 3% 6% 3% 6%;
 }
 
-* html #content {
-	position:absolute;
-	display:block;
-	top: 16%;
-	left: 15%;
-	width: 85%;
-	height: 84%;
-	overflow: auto;
-	/* overflow-x: hidden; */
+#iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  {
+	text-align: left;
 }
 
-#message_list_hdr {
-	position:fixed;
-	display:block;
-	top: 16%;
-	left: 15%;
-	width: 85%;
-	height: 5%;
-	overflow: none;
+#iconbar {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 16%;
 }
 
-* html #message_list_hdr {
-	position:absolute;
-	display:block;
-	top: 16%;
-	left: 15%;
-	width: 85%;
-	height: 5%;
-	overflow: none;
+#banner {
+	position: absolute;
+	top: 0;
+	left: 16%;
+	width: 84%;
+	height: 18%;
 }
 
-#message_list {
-	position:fixed;
-	display:block;
-	top: 21%;
-	left: 15%;
-	width: 85%;
-	height: 20%;
+#navbar {
+	position: absolute;
+	bottom: 0; 
+	left: 0;
+	width: 100%;
+}
+
+#content {
+	position: absolute;
+	top: 18%;
+	left: 16%;
+	width: 84%;
+	height: 82%;
 	overflow: auto;
-	cursor: pointer;
 }
 
-* html #message_list {
-	position:absolute;
-	display:block;
-	top: 21%;
-	left: 15%;
-	width: 85%;
+#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:fixed;
-	display:block;
-	top: 41%;
-	left: 15%;
-	width: 85%;
-	height: 1%;
-	overflow: none;
-	cursor: s-resize;
-}
-
-* html #resize_msglist {
-	position:absolute;
-	display:block;
-	top: 41%;
-	left: 15%;
-	width: 85%;
+	position: absolute;
+	top: 25%;
+	left: 0;
+	width: 100%;
 	height: 1%;
-	overflow: none;
+	overflow: hidden;
 	cursor: s-resize;
 }
 
 #preview_pane {
-	position:fixed;
-	display:block;
-	top: 42%;
-	left: 15%;
-	width: 85%;
-	height: 58%;
+	position: absolute;
+	top: 26%;
+	left: 0%;
+	width: 100%;
+	height: 74%;
 	overflow: auto;
 }
 
-* html #preview_pane {
-	position:absolute;
-	display:block;
-	top: 42%;
-	left: 15%;
-	width: 85%;
-	height: 58%;
+.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%;
+	text-align: center;
+}
+
+.boxlabel, .boxcontent {
+ 	padding: 5px;
+}
+
+.boxlabel {
+ 	text-align: center;
+}
+
+.boxcontent {
+ 	text-align: left;
+}
+
+
+/* Login */
+
+#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
+	display: block;
+ 	margin: 5px auto 5px auto;
+}
+
+#login_screen .login_message, .login_hello, #global center {
+ 	width: 80%;
+}
+
+#login_screen .login_image {
+        width: 135px;
+}
+
+#login_screen .login_image img {
+        text-align: center;
+}
+
+
+#login_screen #login_form {
+ 	padding: 10px;
+ 	width: 330px;
+}
+
+#login_form input, #login_form label, #login_form select {
+ 	display: block;
+ 	float: left;
+ 	margin: 6pt;
+}
+
+#login_form label, #pname, #uname {
+ 	width: 130px;
+ 	text-align: left;
+}
+
+#login_form br {
+ 	clear: left;
+}
+
+.login_infos {
+ 	display: block;
+ 	margin: 20px auto 0 auto;
+ 	width: 80% ;
+ 	text-align: left;
+}
+
+
+/* Iconbar */
+
+.logo, .logo_citadel, #iconbar #button, #button li.switch, #wholist {
+ 	margin: 0;
+ 	padding: 0;
+}
+
+.logo, .logo_citadel, #button li.switch, #wholist li {
+	text-align: center;
+}
+
+.logo, .logo_citadel {
+ 	display: block;
+}
+
+#iconbar #button {
+	width: 100%;
+}
+
+#button li {
+	margin: 4px 8px 4px 8px;
+	padding: 0;
+}
+
+
+
+#button img {
+	vertical-align: middle;
+	padding-left: 2px;
+	padding-right: 5px;
+}
+
+#button li a {
+	display: block;
+	width: 100%;
+}
+
+html>body #button li a {
+	width: auto;
+}
+
+#wholist {
+	border: 0;
+	max-height: 200px;
 	overflow: auto;
 }
 
+#wholist li {
+ 	list-style: none;
+ 	margin: 0;
+ 	padding: 2px;
+ 	white-space: nowrap;
+}
 
-.fix_scrollbar_bug {
-	margin-right:1px;		/* Gecko and other non-broken browsers */
-	width: expression('97%');	/* Only IE6 understands 'expression' - fixes weird scrollbarbug */
+
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
+	margin: 4px;
+	padding: 0;
+}
+
+/* Banner */
+
+#banner .room_banner {
+	float: left;
+	margin: 0;
+	padding: 0;
+}
+
+#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;
+}
+
+#room_infos {
+ 	position: absolute;
+ 	top: 0;
+ 	left: 50%;
+ 	width: 45%;
+ 	z-index: 10;
+	cursor: pointer;
+ 	text-align: left;
+ 	padding: 10px 2px 2px 2px;
+}
+
+#room_infos img.close_infos {
+	float: right;
+}
+
+#banner ul.room_actions {
+	margin: 0;
+ 	list-style: none;
+	float: right;
+	text-align: right;
+}
+
+#banner ul.room_actions li {
+ 	white-space: nowrap;
+	display: inline;
+}
+
+#banner ul.room_actions li form {
+        margin: 0;
+        padding: 0;
+}
+
+#banner ul.room_actions li select, #banner ul.room_actions li input {
+	margin-top: 8px;
+	margin-right: 4px;
+}
+
+/* Navbar */
+
+#navbar ul, .selector_top, .selector_bottom {
+	width: 100%;
+ 	margin: 0 auto 0 auto;
+	padding: 0;
+ 	white-space: nowrap;
+ 	text-align: center;
+	vertical-align: middle;
+}
+
+#navbar ul li {
+	display: inline;
+	list-style: none;
+	vertical-align: middle;
+}
+
+#navbar ul li a {
+	padding: 2px 8px 8px 8px;
+ 	white-space: nowrap;
+ }
+
+#navbar ul li img {
+	float: none;
+	margin: 0 2px 0 2px;
 }
+ 
 
-#button {
-	width: 100%;
-	background-color: #ffffee;
-	color: #aaaaaa;
-	font-size: 8pt;
-	list-style: none;
+/* Content */
+
+.boxcontent table {
 	margin: 0;
 	padding: 0;
-	border: none;
 }
 
-#button li, #button li.switch {
-	border-bottom: 1px solid #aaaaaa;
+#content table .box {
 	margin: 0;
+	width: 100%;
+	text-align: left;
 }
 
-#button li.switch {
+.service, .who_is_online {
 	text-align: center;
-}
-
-#button img {
-	vertical-align: middle;
-	padding-left: 2px;
-	padding-right: 5px;
-}
-
-#button li a {
-	display: block;
-	background-color: #ffffee;
-	color: #000000;
-	text-decoration: none;
 	width: 100%;
 }
 
-html>body #button li a {
-	width: auto;
-}
-
-#button li a:hover {
-	background-image:url(/static/body-background.gif);
-	color: #000000;
+.service table {
+	margin: 0 auto 0 auto;
+	width: 100%;
+	text-align: left;
 }
 
-a:link {
-	color: #0000FF;
-	text-decoration: none;
+.instructions {
+	text-align: center;
 }
 
-a:visited {
-	color: #0000FF;
-	text-decoration: none;
+#message_list_hdr table {
+	position: absolute;
+	bottom: 0; 
+	left: 0;
+	width: 100%;	
 }
 
-a:active {
-	color: #0000FF;
-	text-decoration: none;
+.selector_top, .selector_bottom {
+ 	text-align: center;
 }
 
-a:hover {
-	text-decoration: underline;
+.selector_top p,.selector_bottom p {
+	margin: 0;
+	padding: 2px;
 }
 
-.menubar_link {
-	font-size: 9pt;
+.message {
+	margin: 1%;
+	padding: 0;
 }
 
-.titlebar {
-	font-size: 12pt;
-	color: #FFFFEE;
+.message_header p {
+	margin: 2px 0 2px 0;
+	padding: 0 0 2px 0;
 }
 
-.mainmenu {
-	font-size: 10pt;
-	font-weight: bold;
-	color: #880000;
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
+	margin: 3px;
+	padding: 2px 4px 2px 4px;
 }
 
-.menudesc {
-	font-size: 8pt;
-	color: #000088;
+.msgbuttons a, input#delbutton {
+	margin: 0 3px 0 3px;
+	padding: 2px 4px 2px 4px;
 }
 
-.message_header {
-	font-size: 10pt;
-	color: #000000;
-}
 
-.message_subject {
-	font-size: 10pt;
-	color: #000000;
-	font-style: italic;
+.mimepart {
+	margin-top: 15px;
+	margin-bottom: 15px;
+	margin-left: 15%;
+	width: 70%;
+	padding: 0;
 }
 
-.tablabel {
-	font-size: 10pt;
-	font-weight: bold;
-	color: #000000;
+.mimepart img {
+ 	vertical-align: middle;
+	float: left;
 }
 
-.boxlabel {
-	font-size: 7pt;
-	font-weight: bold;
-	color: #FFFFEE;
+.mimepart div {
+ 	vertical-align: middle;
+	margin: 0 0 15px 0 ;
+	padding: 5px;
 }
 
-.boxlabel a {
-	color: #FFFFEE;
+.mimepart div span {
+ 	vertical-align: top;
 }
 
-.customize {
-	font-size: 8pt;
-	font-style: italic;
-	color: #000044;
-	background-color: #DDDDCC;
+.mimepart dl {
+	width: 100%;
+	margin-left: 5px;
+	padding: 5px;
 }
 
-.room_banner_room_name {
+.mimepart dl dt {
+	width: 30%;
+	float: left;
+	margin: 0 0 0 0;
+	padding: .5em;
 }
 
-.room_banner_room_info {
-}
+/* hack ie5 mac \*/
+dt { clear: both; }
+/* end hack */
 
-.room_banner_new_messages {
+.mimepart dl dd {
+	float: left;
+	width: 62%;
+	margin: 0;
+	padding: .5em;
 }
 
-.room_banner_start_page {
+.mimepart p {
+	margin-top: 1em;
+	margin-bottom: 0;
+	clear: both;
 }
 
-.view_name, .search_name, .selectbox, .inputbox {
-	font-size: 7pt;
-	background: #444455; 
-	color: #ddddcc;
+.msgbuttons {
+ 	float: right;
+ 	visibility: hidden;
+	padding: 2px;
 }
 
-.menubar_bg {
-	background-color: #FF0000;
+.buttons a {
+ 	text-align: center;
 }
 
-.msgbuttons {
-	font-size: 7pt;
+.msgbuttons a span {
+ 	display: none;
 }
 
-.roomlist_floor {
-	font-size: 12pt;
-	font-weight: bold;
-	color: #000000;
+.message_content {
+	margin: 0;
+	padding: 0.3em;
+ 	clear: both;
 }
 
-.roomlist_new {
-	font-size: 10pt;
-	color: #880000;
-	font-weight: bold;
+.message form div label {
+ 	display: block;
+ 	float: left;
+ 	margin: 0.3em;
+ 	width: 9em;
+ 	text-align: right;
 }
 
-.roomlist_old {
-	font-size: 10pt;
-	color: #000088;
-}
+.message form div input, .message form div select {
+ 	margin: 0.3em;
 
-.ib_roomlist_floor {
-	font-size: 8pt;
-	font-weight: bold;
-	color: #000000;
-	cursor: pointer;
 }
 
-.ib_roomlist_new {
-	font-size: 10px;
-	color: #880000;
-	font-weight: bold;
-	cursor: pointer;
+.imgedit {
+ 	vertical-align: middle;
 }
 
-.ib_roomlist_old {
-	font-size: 10px;
-	color: #000088;
-	cursor: pointer;
+.send_edit_msg {
+ 	float: right;
+ 	margin-top: 0 ;
+ 	margin-right: 0;
+ 	padding: 2px 50px 2px 50px;
 }
 
-.mailbox_summary {
-	font-size: 10pt;
-	color: #000000;
+.edit_msg_table th {
+	text-align: right;
+	padding-right: 5px;
+	color: #333;
+	width: 20%;
 }
 
-
-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;
+.edit_msg_table td { 
+	width: 40%;
 }
 
-blockquote pre {
-	margin-left: 1%;
-	margin-right: 1%;
+.edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
+	width: 98%
 }
 
-
-var sub {
-	font-style: normal;
+.mailbox_summary tr {
+	width: 100%;
 }
 
 .note {
@@ -540,359 +978,364 @@ 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;
+colgroup.entity {
+	text-align: center;
 }
 
-.error strong {
-	color: #DC143C;
-	background: #FFD700;
-	text-decoration: none;
+div.auto_complete ul {
+	margin: 0;
+	padding: 0;
+	width: 100%;
 }
 
-.warning strong {
-	color: #FF4500;
-	background: #FFD700;
-	text-decoration: none;
+div.auto_complete ul li {
+	margin: 0;
+	padding: 3px;
 }
 
-.warning a:link, .warning a:visited, .warning a:active {
-	color: #FF4500;
-	background: none;
-	text-decoration: underline;
+div.auto_complete ul strong.highlight {
+	margin: 0;
+	padding: 0;
 }
 
-.error a:link, .error a:visited, .error a:active {
-	color: #DC143C;
-	background: none;
-	text-decoration: underline;
+.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%;
 }
 
-.error strong a:link, .error strong a:visited, .error strong a:active {
-	color: #DC143C;
-	background: #FFD700;
+#address_book_popup {
+ 	position: absolute;
+ 	top: 100px;
+ 	right: 25px;
+ 	width: 320px;
+	height: auto;
+ 	z-index: 100;
+	display: none;
 }
 
-.warning strong a:link, .warning strong a:visited, .warning strong a:active {
-	color: #FF4500;
-	background: #FFD700;
+#address_book_popup_container_div {
+	position: relative;
+	width: 100%;
+	height: 100%;
 }
 
-colgroup.entity {
-	text-align: center;
+#address_book_popup_middle_div {
+	position: relative;
 }
 
-.default {
-	text-decoration: underline;
-	font-style: normal;
+#address_book_inner_div {
+	margin: 5px;
 }
 
-.required {
-	font-weight: bold;
+#address_book_inner_div select {
+	width: 100%;
 }
 
-td li.transitional, .elements li.transitional {
-	font-weight: lighter;
-	color: #696969;
-	background: none;
+#address_book_inner_div input {
+	margin: 4px 5px 0 5px;
 }
 
-td li.frameset, .elements li.frameset {
-	font-weight: lighter;
-	color: #808080;
-	background: none;
+.service .edit_col, .service .host_col {
+	display: none;
 }
 
-@media print {
-	input#toggler, .toolbar { display: none }
+.who_is_online .edit_col, .who_is_online .host_col {
+	display: block;
 }
 
 
-.treetitle {
-	padding:2px;
-	cursor:default;
-	
-	font-size: 11px;
-	color: #000000;
-}
-.editednode {
-	padding:2px;
-	cursor:default;
-	background-color: #FFFFFF;;
-	color: #000000;
-	
-	font-size: 11px;
+/* System Administration Menu */
+
+ul.adminitems {
+ 	margin: 15px;
+	padding: 0;
 }
-.editednodeinput {
-	background-color: #FFFFFF;;
-	color: #000000;
-	
-	width: 150px;
-	height: 17px;
-	
-	border-style: solid;
-	border-width: 1px;
-	border-color: #000000;
-	
-	font-size: 11px;
+
+ul.adminitems li {
+ 	margin: 0.5em;
+	padding: 0;
 }
-.treetitleselectedfocused {
-	padding:2px;
-	cursor:default;
-	background-color: highlight;
-	color: highlighttext;
-	
-	font-size: 11px;
+
+ul.adminitems li span {
+	display: block;
 }
-.treetitleselectedblured {
-	padding:2px;
-	cursor:default;
-	background-color: menu;
-	color: windowtext;
-	font-size: 11px;
+
+
+/* Room list - Tree Node */
+
+.treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
+	padding: 2px;
+	cursor: default;
 }
 
 
+table.altern {
+	margin: 0 auto 0 auto;
+	width: 98%
+} 
 
-div.auto_complete {
-	width: 350px;
-	background: #fff;
+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;
 }
 
-div.auto_complete ul {
-	border:1px solid #888;
-	margin:0;
-	padding:0;
-	width:100%;
-	list-style-type: none;
-	background: #fff;
+.advanced .boxcontent .col1, .advanced .boxcontent .col2 { 
+	float: left;
+	width: 33%;
 }
 
-div.auto_complete ul li {
-	margin:0;
-	padding:3px;
+.advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
+	margin-left: 0;
+	margin-bottom: 4em;
 }
 
-div.auto_complete ul li.selected {
-	background-color: #ffc;
-} 
+/* Site configuration */
 
-div.auto_complete ul strong.highlight {
-	color: #800;
-	margin:0;
-	padding:0;
+#TheTabs {
+}
+
+.tabs_background {
+	margin-top: 0;
 }
 
+/* Links and buttons */
 
-.floors_config, .roomops_zap {
-        border: 0;
-        background-color: #770000;
-        width: 100%;
+.logbuttons, .buttons {
+	margin: 2px auto 2px auto;
+	width: 96%;
+	text-align: center;
 }
 
-.roomops_cell_label {
-        background-color: #FFFFFF;
+/* Tabs */
+
+#TheTabs {
+        margin: 3% auto 0 auto;
+        width: 94%;
 }
 
-.roomops_cell, .roomops_cell_edit {
-        background-color: #CCCCCC;
+ul.tabbed_dialog {
+        list-style: none;
+        margin: 3% auto 0 auto;
+        width: 96%;
+        padding: 0;
+        white-space: nowrap;
+        text-align: center;
+        vertical-align: middle;
 }
 
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
-        border: 0;
-        width: 100%;
-        background-color: #ffffff;
+ul.tabbed_dialog li {
+        margin: 0 3% 0 3%;
+        padding: 4px;
+        float: left;
 }
 
-.mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background { 
-        border: 0;
-        width: 100%;
-        background-color: #ffffff;
+.tabcontent {
+	margin: 0 auto 0 auto;
+	width: 96%;
+	padding: 10px;
+	clear: both;
 }
 
-.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .who_background   {
-        border: 0;
-        width: 100%;
-        background-color: #ffffff;
+.tabcontent_submit {
+        margin: 0 auto 0 auto;
+        width: 50%;
+        padding: 10px;
+        text-align: center;
 }
 
-.auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
+
+/* Calendar view */
+
+.calendar {
+	background-color: #204B78;
+	margin: 0;
+	width: 100%;
+	height: 302px;
 }
 
-.mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
+td.events_of_the_day {
+        width: 500px;
 }
 
-.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
+.events_of_the_day dl {
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	top: 0;
+	left:0;
+        width: 500px;
 }
 
+.events_of_the_day dl dt {
+	background-color: #FFFFFF;
+	margin: 0;
+        width: 500px;
+        border: 1px solid #CCC;
+}
 
-.vcard_edit_background_alt, .roomops_background_alt {
-        border: 0;
-        width: 100%;
-        background-color: #dddddd;
+.events_of_the_day dl dt.hour {
+	font-size: 16px;
 }
 
+.events_of_the_day dl dt.extrahour {
+	font-size: 8px;
+}
 
-.box {
-        width: 100%;
-        padding: 0px;
-        background-color: #FFFFFF;
+.hour_label, .extra_events dl dt {
+	background-color: #CCCCDD;
+        vertical-align: middle;
+	text-align: left;	
 }
 
-.boxlabel, .boxcontent {
-        padding: 5px;
+.hour_events, .extra_events {
+	background-color: #FFFFFF;
+        vertical-align: top;
+	text-align: left;	
 }
 
-.boxlabel {
-        background-color: #000088;
-        text-align: center;
+
+.extra_events ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
-#login_screen {
-	margin: 3%;
+.extra_events ul li {
+	margin: 4px;
 }
 
-.login_content {
-        background-color: white;
+.calday, .calout, .calweekend {
+	width: 14%;
+	height: 60px;
+	text-align: left;
+	vertical-align: top;
 }
 
-.login_message, .login_hello {
-        position: relative;
-        margin-left: auto;
-        margin-right: auto;
-        width: 80%;
-        text-align: center;
+.event_framed_unread {
+	filter:alpha(opacity=50);   /* Internet Explorer 6     */
+	-moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+	opacity: 0.5;               /* CSS3 draft and Mozilla  */
+	-moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+	border: solid 1px red;
+	background-color: yellow;
+	z-index: 10;
+	padding: 0 4px 0 4px; 
 }
 
-.login_image {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: center;
+li.event_framed_unread span, a.event_title {
+	filter:alpha(opacity=100); 
+   	-moz-opacity:1.0;         
+   	opacity: 1.0;
+        font-size: 11px;     
 }
 
-.login_message {
-	color: red;
-	font-weight: bold;
-	font-size: 16px;
+.event_framed_read {
+	filter:alpha(opacity=50);   /* Internet Explorer 6     */
+	-moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+	opacity: 0.5;               /* CSS3 draft and Mozilla  */
+	-moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+	border: solid 1px red;
+	background-color: yellow;
+	z-index: 10;
+	padding: 0 4px 0 4px; 
 }
 
-#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;
+li.event_framed_read span, a.event_title {
+	filter:alpha(opacity=100); 
+   	-moz-opacity:1.0;         
+   	opacity: 1.0;
+        font-size: 11px;     
 }
 
-#login_form input, #login_form label, #login_form select {
-        display: block;
-        float: left;
-        margin: 6px;
+.event_read {
 }
 
-#login_form label {
-        width: 130px;
-        text-align: left;
+li.event_read span, a.event_read_title {
+	filter:alpha(opacity=100); 
+   	-moz-opacity:1.0;         
+   	opacity: 1.0;
+        font-size: 11px;     
 }
 
-#pname, #uname {
-        width: 130px;
-        text-align: left;
+.event_unread {
 }
 
-#login_form br {
-        clear: left;
+li.event_unread span, a.event_read_title {
+	filter:alpha(opacity=100); 
+   	-moz-opacity:1.0;         
+   	opacity: 1.0;
+        font-size: 11px;     
 }
 
-#login_form .logbuttons {
-        margin-left: auto;
-        margin-right: auto;
+.mini_calendar {
+   color: #fff;
 }
 
-#login_form .logbutton {
-	width: auto;
-        text-align: center;
+.mini_calendar a {
+   color: #fff;
 }
 
-.login_infos {
-        display: block;
-        margin-top: 30px;
-        margin-left: auto;
-        margin-right: auto;
-        width: 80% ;
-        text-align: left;
+.mini_calendar a:link,.mini_calendar a:visited {
+   color: #fff;
 }
 
-#address_book_popup {
-        position: absolute;
-        top: 100px;
-        right: 25px;
-        width: 320px;
-	height: auto;
-        z-index: 100;
-	background-color: #fff;
-	color: #000;
-	display: none;
+.mini_calendar a:hover,.mini_calendar a:active {
+   color: #fff;
+   background-color: #AD1C00;
 }
 
-#address_book_popup_container_div {
-	position: relative;
-	width: 100%;
-	height: 100%;
-	background-color: #ffd;
+.mini_calendar td a {
+   color: #fff;
 }
 
-#address_book_popup_middle_div {
-	position: relative;
-	background-color: #ffd;
+.mini_calendar td a:link,.mini_calendar td a:visited {
+   color: #fff;
 }
 
-#address_book_inner_div {
-	margin: 5px;
+.mini_calendar td a:hover,.mini_calendar td a:active {
+   color: #fff;
+   background-color: #AD1C00;
+
 }
 
-#address_book_inner_div select {
-	width: 100%;
-	background-color: #ffd;
+.menudesc {
+	margin: 4px;
+	padding: 4px;
+}
+
+.stickynote_outer {
+	position: relative;
+	width: 200px;
+	height: 200px;
+	border: 1px solid black;
+	background-color: #ffff00;
+	overflow: hidden;
 }
 
-.address_book_popup_title {
-        font-size: 12pt;
-	background-color: #ffd;
-        color: #000;
+.stickynote_titlebar {
+	position: relative;
+	width: 100%;
+	height: 15px;
+	top: 0px;
+	left: 0px;
+	background-color: #888800;
 }