diff --git a/UI/Templates/SchedulerUI/UIxAppointmentEditor.wox b/UI/Templates/SchedulerUI/UIxAppointmentEditor.wox
index 1b3e66cd5..c5a4dd3f3 100644
--- a/UI/Templates/SchedulerUI/UIxAppointmentEditor.wox
+++ b/UI/Templates/SchedulerUI/UIxAppointmentEditor.wox
@@ -13,10 +13,6 @@
   var:component="event"
   var:saveURL="saveURL">
 
-      <label id="attendeesLabel"><var:string label:value="Attendees:"
-	  /><span class="content"
-	  ><a href="#" id="attendeesHref"><!-- space --></a></span></label>
-      <hr />
   <var:if condition="eventIsReadOnly" const:negate="YES">
   <div class="menu" id="attendeesMenu">
     <ul>
@@ -27,6 +23,10 @@
       <li class="separator"><!-- separator --></li>
     </ul>
   </div>
+      <label id="attendeesLabel"><var:string label:value="Attendees:"
+	  /><span class="content"
+	  ><a href="#" id="attendeesHref"><!-- space --></a></span></label>
+      <hr />
   <label><span class="content">
     <span id="allDay"><input id="isAllDay" name="isAllDay" class="checkBox"
         type="checkbox" var:selection="isAllDay"
diff --git a/UI/Templates/SchedulerUI/UIxComponentEditor.wox b/UI/Templates/SchedulerUI/UIxComponentEditor.wox
index edb855f07..e68f0988b 100644
--- a/UI/Templates/SchedulerUI/UIxComponentEditor.wox
+++ b/UI/Templates/SchedulerUI/UIxComponentEditor.wox
@@ -17,6 +17,8 @@
   <script type="text/javascript">
     var activeCalendar = '<var:string value="clientObject.container.nameInContainer"/>';
     var activeComponent = '<var:string value="clientObject.nameInContainer"/>';
+    var readOnly = <var:if condition="eventIsReadOnly">true</var:if><var:if condition="eventIsReadOnly"
+    const:negate="YES">false</var:if>;
   </script>
 
   <var:if condition="eventIsReadOnly" const:negate="YES">
@@ -164,13 +166,12 @@
   </form>
   </var:if>
   <var:if condition="eventIsReadOnly">
+        <label class="calendarName"><var:string var:value="componentCalendarName" />
+        </label>
     <div id="eventView">
       <div id="generalDiv">
-        <label class="content calendarName"><var:string var:value="componentCalendarName" />
-        </label>
     <label class="title titleNoSpace"><var:string label:value="General:" />
-      <span class="content headerContent">
-      </span>
+      <span class="content headerContent"><!-- line --></span>
     </label>
   <label><var:string label:value="Title:" />
     <span class="content"><var:string var:value="title"/></span>
@@ -230,8 +231,7 @@
     <var:if condition="hasAttendees">
     <div id="attendeesDiv">
       <label class="title"><var:string label:value="Attendees:" />
-        <span class="content headerContent">
-        </span>
+        <span class="content headerContent"><!-- line --></span>
       </label>
       <label id="attendeesLabel">
         <span class="content"><div id="attendeesMenu" class="fakeTextArea">
@@ -242,10 +242,9 @@
     <var:if condition="hasComment">
       <div id="descriptionDiv">
         <label class="title"><var:string label:value="Description:" />
-          <span class="content headerContent">
-          </span>
+          <span class="content headerContent"><!-- line --></span>
         </label>
-        <label><span class="content fixedHeight">
+        <label><span class="content">
             <div class="fakeTextArea"><var:string var:value="comment" /></div>
           </span>
         </label>
diff --git a/UI/WebServerResources/UIxAppointmentEditor.js b/UI/WebServerResources/UIxAppointmentEditor.js
index e66c4303e..636752dd1 100644
--- a/UI/WebServerResources/UIxAppointmentEditor.js
+++ b/UI/WebServerResources/UIxAppointmentEditor.js
@@ -23,455 +23,457 @@
 
 var contactSelectorAction = 'calendars-contacts';
 var AppointmentEditor = {
- attendeesMenu: null
+    attendeesMenu: null
 };
 
 function uixEarlierDate(date1, date2) {
-  // can this be done in a sane way?
-  if (date1.getYear()  < date2.getYear()) return date1;
-  if (date1.getYear()  > date2.getYear()) return date2;
-  // same year
-  if (date1.getMonth() < date2.getMonth()) return date1;
-  if (date1.getMonth() > date2.getMonth()) return date2;
-  //   // same month
-  if (date1.getDate() < date2.getDate()) return date1;
-  if (date1.getDate() > date2.getDate()) return date2;
-  // same day
-  return null;
+    // can this be done in a sane way?
+    if (date1.getYear()  < date2.getYear()) return date1;
+    if (date1.getYear()  > date2.getYear()) return date2;
+    // same year
+    if (date1.getMonth() < date2.getMonth()) return date1;
+    if (date1.getMonth() > date2.getMonth()) return date2;
+    //   // same month
+    if (date1.getDate() < date2.getDate()) return date1;
+    if (date1.getDate() > date2.getDate()) return date2;
+    // same day
+    return null;
 }
 
 function validateAptEditor() {
-  var e, startdate, enddate, tmpdate;
+    var e, startdate, enddate, tmpdate;
 
-  e = $('summary');
-  if (e.value.length == 0) {
-    if (!confirm(labels.validate_notitle))
-      return false;
-  }
+    e = $('summary');
+    if (e.value.length == 0) {
+        if (!confirm(labels.validate_notitle))
+            return false;
+    }
 
-  e = $('startTime_date');
-  if (e.value.length != 10) {
-    alert(labels.validate_invalid_startdate);
-    return false;
-  }
-  startdate = e.calendar.prs_date(e.value);
-  if (startdate == null) {
-    alert(labels.validate_invalid_startdate);
-    return false;
-  }
+    e = $('startTime_date');
+    if (e.value.length != 10) {
+        alert(labels.validate_invalid_startdate);
+        return false;
+    }
+    startdate = e.calendar.prs_date(e.value);
+    if (startdate == null) {
+        alert(labels.validate_invalid_startdate);
+        return false;
+    }
       
-  e = $('endTime_date');
-  if (e.value.length != 10) {
-    alert(labels.validate_invalid_enddate);
-    return false;
-  }
-  enddate = e.calendar.prs_date(e.value);
-  if (enddate == null) {
-    alert(labels.validate_invalid_enddate);
-    return false;
-  }
-  tmpdate = uixEarlierDate(startdate, enddate);
-  if (tmpdate == enddate) {
-    alert(labels.validate_endbeforestart);
-    return false;
-  }
-  else if (tmpdate == null /* means: same date */) {
-    // TODO: check time
-    var start, end;
+    e = $('endTime_date');
+    if (e.value.length != 10) {
+        alert(labels.validate_invalid_enddate);
+        return false;
+    }
+    enddate = e.calendar.prs_date(e.value);
+    if (enddate == null) {
+        alert(labels.validate_invalid_enddate);
+        return false;
+    }
+    tmpdate = uixEarlierDate(startdate, enddate);
+    if (tmpdate == enddate) {
+        alert(labels.validate_endbeforestart);
+        return false;
+    }
+    else if (tmpdate == null /* means: same date */) {
+        // TODO: check time
+        var start, end;
     
-    start = parseInt(document.forms[0]['startTime_time_hour'].value);
-    end = parseInt(document.forms[0]['endTime_time_hour'].value);
+        start = parseInt(document.forms[0]['startTime_time_hour'].value);
+        end = parseInt(document.forms[0]['endTime_time_hour'].value);
 
-    if (start > end) {
-      alert(labels.validate_endbeforestart);
-      return false;
+        if (start > end) {
+            alert(labels.validate_endbeforestart);
+            return false;
+        }
+        else if (start == end) {
+            start = parseInt(document.forms[0]['startTime_time_minute'].value);
+            end = parseInt(document.forms[0]['endTime_time_minute'].value);
+            if (start > end) {
+                alert(labels.validate_endbeforestart);
+                return false;
+            }
+        }
     }
-    else if (start == end) {
-      start = parseInt(document.forms[0]['startTime_time_minute'].value);
-      end = parseInt(document.forms[0]['endTime_time_minute'].value);
-      if (start > end) {
-				alert(labels.validate_endbeforestart);
-				return false;
-      }
-    }
-  }
 
-  return true;
+    return true;
 }
 
 function toggleDetails() {
-  var div = $("details");
-  var buttons = $("buttons");
-  var buttonsHeight = buttons.clientHeight * 3;
+    var div = $("details");
+    var buttons = $("buttons");
+    var buttonsHeight = buttons.clientHeight * 3;
 
-  if (div.style.visibility) {
-    div.style.visibility = null;
-    window.resizeBy(0, -(div.clientHeight + buttonsHeight));
-    $("detailsButton").innerHTML = labels["Show Details"];
-  } else {
-    div.style.visibility = 'visible;';
-    window.resizeBy(0, (div.clientHeight + buttonsHeight));
-    $("detailsButton").innerHTML = labels["Hide Details"];
-  }
+    if (div.style.visibility) {
+        div.style.visibility = null;
+        window.resizeBy(0, -(div.clientHeight + buttonsHeight));
+        $("detailsButton").innerHTML = labels["Show Details"];
+    } else {
+        div.style.visibility = 'visible;';
+        window.resizeBy(0, (div.clientHeight + buttonsHeight));
+        $("detailsButton").innerHTML = labels["Hide Details"];
+    }
 
-  return false;
+    return false;
 }
 
 function toggleCycleVisibility(node, nodeName, hiddenValue) {
-  var spanNode = $(nodeName);
-  var newVisibility = ((node.value == hiddenValue) ? null : 'visible;');
-  spanNode.style.visibility = newVisibility;
+    var spanNode = $(nodeName);
+    var newVisibility = ((node.value == hiddenValue) ? null : 'visible;');
+    spanNode.style.visibility = newVisibility;
 
-  if (nodeName == 'cycleSelectionFirstLevel') {
-    var otherSpanNode = $('cycleSelectionSecondLevel');
-    if (!newVisibility)
-      {
-        otherSpanNode.superVisibility = otherSpanNode.style.visibility;
-        otherSpanNode.style.visibility = null;
-      }
-    else
-      {
-        otherSpanNode.style.visibility = otherSpanNode.superVisibility;
-        otherSpanNode.superVisibility = null;
-      }
-  }
+    if (nodeName == 'cycleSelectionFirstLevel') {
+        var otherSpanNode = $('cycleSelectionSecondLevel');
+        if (!newVisibility)
+            {
+                otherSpanNode.superVisibility = otherSpanNode.style.visibility;
+                otherSpanNode.style.visibility = null;
+            }
+        else
+            {
+                otherSpanNode.style.visibility = otherSpanNode.superVisibility;
+                otherSpanNode.superVisibility = null;
+            }
+    }
 }
 
 function onAttendeesMenuPrepareVisibility()
 {
-  var composeToUndecidedAttendees = $('composeToUndecidedAttendees');
-  var attendeesStates = $('attendeesStates').value;
+    var composeToUndecidedAttendees = $('composeToUndecidedAttendees');
+    var attendeesStates = $('attendeesStates').value;
   
-  if (attendeesStates.indexOf("needs-action") < 0)
-    composeToUndecidedAttendees.addClassName("disabled");
-  else
-    composeToUndecidedAttendees.removeClassName("disabled");
+    if (attendeesStates.indexOf("needs-action") < 0)
+        composeToUndecidedAttendees.addClassName("disabled");
+    else
+        composeToUndecidedAttendees.removeClassName("disabled");
 }
 
 function onComposeToAllAttendees()
 {
-  var attendees = $$("DIV#attendeesMenu LI.attendee");
-  var addresses = new Array();
-  attendees.each(function(item) {
-      var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
-      addresses.push(address);
-    });
-  if (window.opener)
-    window.opener.openMailTo(addresses.join(","));
+    var attendees = $$("DIV#attendeesMenu LI.attendee");
+    var addresses = new Array();
+    attendees.each(function(item) {
+            var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
+            addresses.push(address);
+        });
+    if (window.opener)
+        window.opener.openMailTo(addresses.join(","));
 }
 
 function onComposeToUndecidedAttendees()
 {
-  if ($(this).hasClassName("disabled"))
-    return;
+    if ($(this).hasClassName("disabled"))
+        return;
  
-  var attendees = $$("DIV#attendeesMenu LI.attendee.needs-action");
-  var addresses = new Array();
-  attendees.each(function(item) {
-      var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
-      addresses.push(address);
-		});
-  if (window.opener)
-    window.opener.openMailTo(addresses.join(","));
+    var attendees = $$("DIV#attendeesMenu LI.attendee.needs-action");
+    var addresses = new Array();
+    attendees.each(function(item) {
+            var address = item.firstChild.nodeValue.trim() + " <" + item.readAttribute("email") + ">";
+            addresses.push(address);
+        });
+    if (window.opener)
+        window.opener.openMailTo(addresses.join(","));
 }
 
 function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
-  var uids = $('uixselector-participants-uidList');
+    var uids = $('uixselector-participants-uidList');
 
-  if (contactId)
-    {
-      var re = new RegExp("(^|,)" + contactId + "($|,)");
-
-      if (!re.test(uids.value))
+    if (contactId)
         {
-          if (uids.value.length > 0)
-            uids.value += ',' + contactId;
-          else
-            uids.value = contactId;
+            var re = new RegExp("(^|,)" + contactId + "($|,)");
 
-          var names = $('uixselector-participants-display');
-          names.innerHTML += ('<li onmousedown="return false;"'
-                              + ' onclick="onRowClick(event);"><img src="'
-                              + ResourcesURL + '/abcard.gif" />'
-                              + contactName + '</li>');
+            if (!re.test(uids.value))
+                {
+                    if (uids.value.length > 0)
+                        uids.value += ',' + contactId;
+                    else
+                        uids.value = contactId;
+
+                    var names = $('uixselector-participants-display');
+                    names.innerHTML += ('<li onmousedown="return false;"'
+                                        + ' onclick="onRowClick(event);"><img src="'
+                                        + ResourcesURL + '/abcard.gif" />'
+                                        + contactName + '</li>');
+                }
         }
-    }
 
-  return false;
+    return false;
 }
 
 function saveEvent(sender) {
-  if (validateAptEditor())
-    document.forms['editform'].submit();
+    if (validateAptEditor())
+        document.forms['editform'].submit();
 
-  return false;
+    return false;
 }
 
 function startDayAsShortString() {
-  return $('startTime_date').valueAsShortDateString();
+    return $('startTime_date').valueAsShortDateString();
 }
 
 function endDayAsShortString() {
-  return $('endTime_date').valueAsShortDateString();
+    return $('endTime_date').valueAsShortDateString();
 }
 
 function _getDate(which) {
-  var date = window.timeWidgets[which]['date'].valueAsDate();
-  date.setHours( window.timeWidgets[which]['hour'].value );
-  date.setMinutes( window.timeWidgets[which]['minute'].value );
+    var date = window.timeWidgets[which]['date'].valueAsDate();
+    date.setHours( window.timeWidgets[which]['hour'].value );
+    date.setMinutes( window.timeWidgets[which]['minute'].value );
 
-  return date;
+    return date;
 }
 
 function _getShadowDate(which) {
-  var date = window.timeWidgets[which]['date'].getAttribute("shadow-value").asDate();
-  var intValue = parseInt(window.timeWidgets[which]['hour'].getAttribute("shadow-value"));
-  date.setHours(intValue);
-  intValue = parseInt(window.timeWidgets[which]['minute'].getAttribute("shadow-value"));
-  date.setMinutes(intValue);
+    var date = window.timeWidgets[which]['date'].getAttribute("shadow-value").asDate();
+    var intValue = parseInt(window.timeWidgets[which]['hour'].getAttribute("shadow-value"));
+    date.setHours(intValue);
+    intValue = parseInt(window.timeWidgets[which]['minute'].getAttribute("shadow-value"));
+    date.setMinutes(intValue);
 
-  return date;
+    return date;
 }
 
 function getStartDate() {
-  return this._getDate('start');
+    return this._getDate('start');
 }
 
 function getEndDate() {
-  return this._getDate('end');
+    return this._getDate('end');
 }
 
 function getShadowStartDate() {
-  return this._getShadowDate('start');
+    return this._getShadowDate('start');
 }
 
 function getShadowEndDate() {
-  return this._getShadowDate('end');
+    return this._getShadowDate('end');
 }
 
 function _setDate(which, newDate) {
-  window.timeWidgets[which]['date'].setValueAsDate(newDate);
-  window.timeWidgets[which]['hour'].value = newDate.getHours();
-  var minutes = newDate.getMinutes();
-  if (minutes % 15)
-    minutes += (15 - minutes % 15);
-  window.timeWidgets[which]['minute'].value = minutes;
+    window.timeWidgets[which]['date'].setValueAsDate(newDate);
+    window.timeWidgets[which]['hour'].value = newDate.getHours();
+    var minutes = newDate.getMinutes();
+    if (minutes % 15)
+        minutes += (15 - minutes % 15);
+    window.timeWidgets[which]['minute'].value = minutes;
 }
 
 function setStartDate(newStartDate) {
-  this._setDate('start', newStartDate);
+    this._setDate('start', newStartDate);
 }
 
 function setEndDate(newEndDate) {
-  this._setDate('end', newEndDate);
+    this._setDate('end', newEndDate);
 }
 
 function onAdjustTime(event) {
-  var endDate = window.getEndDate();
-  var startDate = window.getStartDate();
+    var endDate = window.getEndDate();
+    var startDate = window.getStartDate();
   
-  if ($(this).readAttribute("id").startsWith("start")) {
-    // Start date was changed
-    var delta = window.getShadowStartDate().valueOf() -
-      startDate.valueOf();
-    var newEndDate = new Date(endDate.valueOf() - delta);
-    window.setEndDate(newEndDate);
+    if ($(this).readAttribute("id").startsWith("start")) {
+        // Start date was changed
+        var delta = window.getShadowStartDate().valueOf() -
+            startDate.valueOf();
+        var newEndDate = new Date(endDate.valueOf() - delta);
+        window.setEndDate(newEndDate);
     
-    window.timeWidgets['end']['date'].updateShadowValue();
-    window.timeWidgets['end']['hour'].updateShadowValue();
-    window.timeWidgets['end']['minute'].updateShadowValue();
-    window.timeWidgets['start']['date'].updateShadowValue();
-    window.timeWidgets['start']['hour'].updateShadowValue();
-    window.timeWidgets['start']['minute'].updateShadowValue();
-  }
-  else {
-    // End date was changed
-    var delta = endDate.valueOf() - startDate.valueOf();  
-    if (delta < 0) {
-      alert(labels.validate_endbeforestart);
-      var oldEndDate = window.getShadowEndDate();
-      window.setEndDate(oldEndDate);
-
-      window.timeWidgets['end']['date'].updateShadowValue();
-      window.timeWidgets['end']['hour'].updateShadowValue();
-      window.timeWidgets['end']['minute'].updateShadowValue();
+        window.timeWidgets['end']['date'].updateShadowValue();
+        window.timeWidgets['end']['hour'].updateShadowValue();
+        window.timeWidgets['end']['minute'].updateShadowValue();
+        window.timeWidgets['start']['date'].updateShadowValue();
+        window.timeWidgets['start']['hour'].updateShadowValue();
+        window.timeWidgets['start']['minute'].updateShadowValue();
+    }
+    else {
+        // End date was changed
+        var delta = endDate.valueOf() - startDate.valueOf();  
+        if (delta < 0) {
+            alert(labels.validate_endbeforestart);
+            var oldEndDate = window.getShadowEndDate();
+            window.setEndDate(oldEndDate);
+
+            window.timeWidgets['end']['date'].updateShadowValue();
+            window.timeWidgets['end']['hour'].updateShadowValue();
+            window.timeWidgets['end']['minute'].updateShadowValue();
+        }
     }
-  }
 }
 
 function onAllDayChanged(event) {
-  for (var type in window.timeWidgets) {
-    window.timeWidgets[type]['hour'].disabled = this.checked;
-    window.timeWidgets[type]['minute'].disabled = this.checked;
-  }
+    for (var type in window.timeWidgets) {
+        window.timeWidgets[type]['hour'].disabled = this.checked;
+        window.timeWidgets[type]['minute'].disabled = this.checked;
+    }
 }
 
 function initTimeWidgets(widgets) {
-  this.timeWidgets = widgets;
+    this.timeWidgets = widgets;
 
-  if (widgets['start']['date']) {
-    widgets['start']['date'].observe("change", this.onAdjustTime, false);
-    widgets['start']['hour'].observe("change", this.onAdjustTime, false);
-    widgets['start']['minute'].observe("change", this.onAdjustTime, false);
-  }
-
-  if (widgets['end']['date']) {
-    widgets['end']['date'].observe("change", this.onAdjustTime, false);
-    widgets['end']['hour'].observe("change", this.onAdjustTime, false);
-    widgets['end']['minute'].observe("change", this.onAdjustTime, false);
-  }
-
-  var allDayLabel = $("allDay");
-  if (allDayLabel) {
-    var input = $(allDayLabel).childNodesWithTag("input")[0];
-    input.observe("change", onAllDayChanged.bindAsEventListener(input));
-    if (input.checked) {
-      for (var type in widgets) {
-        widgets[type]['hour'].disabled = true;
-        widgets[type]['minute'].disabled = true;
-      }
+    if (widgets['start']['date']) {
+        widgets['start']['date'].observe("change", this.onAdjustTime, false);
+        widgets['start']['hour'].observe("change", this.onAdjustTime, false);
+        widgets['start']['minute'].observe("change", this.onAdjustTime, false);
+    }
+
+    if (widgets['end']['date']) {
+        widgets['end']['date'].observe("change", this.onAdjustTime, false);
+        widgets['end']['hour'].observe("change", this.onAdjustTime, false);
+        widgets['end']['minute'].observe("change", this.onAdjustTime, false);
+    }
+
+    var allDayLabel = $("allDay");
+    if (allDayLabel) {
+        var input = $(allDayLabel).childNodesWithTag("input")[0];
+        input.observe("change", onAllDayChanged.bindAsEventListener(input));
+        if (input.checked) {
+            for (var type in widgets) {
+                widgets[type]['hour'].disabled = true;
+                widgets[type]['minute'].disabled = true;
+            }
+        }
     }
-  }
 }
 
 function refreshAttendeesRO () {
-  var attendeesNames = $("attendeesNames").value;
-  var attendeesEmails = $("attendeesEmails").value.split(",");
-  var attendeesStates = $("attendeesStates").value.split(",");
-  var attendeesMenu = $("attendeesMenu");
-  var attendeesLabel = $("attendeesLabel");
+    var attendeesNames = $("attendeesNames").value;
+    var attendeesEmails = $("attendeesEmails").value.split(",");
+    var attendeesStates = $("attendeesStates").value.split(",");
+    var attendeesMenu = $("attendeesMenu");
+    var attendeesLabel = $("attendeesLabel");
 
-  if (attendeesMenu) {
-    for (var i = 0; i < attendeesMenu.childNodes.length; i++)
-      attendeesMenu.removeChild (attendeesMenu.childNodes[i]);
-  }
-  
-  if (attendeesNames.length > 0) {
-    // Update attendees link and show label
-    if (attendeesLabel)
-      attendeesLabel.setStyle({ display: "block" });
-    if ($("attendeesDiv"))
-      $("attendeesDiv").setStyle({display: "block"});
-
-    // Update attendees in menu
-    attendeesNames = attendeesNames.split(",");
-    for (var i = 0; i < attendeesEmails.length; i++) {
-      var node = document.createElement("div");
-      if (attendeesMenu)
-        attendeesMenu.appendChild(node);
-      $(node).writeAttribute("email", attendeesEmails[i]);
-      $(node).addClassName("attendee");
-      $(node).addClassName(attendeesStates[i]);
-      node.appendChild(document.createTextNode(attendeesNames[i]));
-      $(node).observe("click", onMailTo);
+    if (attendeesMenu) {
+        for (var i = 0; i < attendeesMenu.childNodes.length; i++)
+            attendeesMenu.removeChild (attendeesMenu.childNodes[i]);
+    }
+  
+    if (attendeesNames.length > 0) {
+        // Update attendees link and show label
+        if (attendeesLabel)
+            attendeesLabel.setStyle({ display: "block" });
+        if ($("attendeesDiv"))
+            $("attendeesDiv").setStyle({display: "block"});
+
+        // Update attendees in menu
+        attendeesNames = attendeesNames.split(",");
+        for (var i = 0; i < attendeesEmails.length; i++) {
+            var node = document.createElement("div");
+            if (attendeesMenu)
+                attendeesMenu.appendChild(node);
+            $(node).writeAttribute("email", attendeesEmails[i]);
+            $(node).addClassName("attendee");
+            $(node).addClassName(attendeesStates[i]);
+            node.appendChild(document.createTextNode(attendeesNames[i]));
+            $(node).observe("click", onMailTo);
+        }
+    }
+    else {
+        // Hide link of attendees
+        attendeesLabel.setStyle({ display: "none" });
+        if ($("attendeesDiv"))
+            $("attendeesDiv").setStyle({display: "none"});
     }
-  }
-  else {
-    // Hide link of attendees
-    attendeesLabel.setStyle({ display: "none" });
-    if ($("attendeesDiv"))
-      $("attendeesDiv").setStyle({display: "none"});
-  }
 
 }
 
 function refreshAttendees() {
-  var attendeesLabel = $("attendeesLabel");
-  var attendeesNames = $("attendeesNames").value;
-  var attendeesEmails = $("attendeesEmails").value.split(",");
-  var attendeesStates = $("attendeesStates").value.split(",");
-  var attendeesHref = $("attendeesHref");
-  var attendeesMenu = $("attendeesMenu");
+    var attendeesLabel = $("attendeesLabel");
+    var attendeesNames = $("attendeesNames").value;
+    var attendeesEmails = $("attendeesEmails").value.split(",");
+    var attendeesStates = $("attendeesStates").value.split(",");
+    var attendeesHref = $("attendeesHref");
+    var attendeesMenu = $("attendeesMenu");
 
-  if (!attendeesHref)
-    return refreshAttendeesRO ();
+    if (!attendeesHref)
+        return refreshAttendeesRO ();
 
-  if (attendeesMenu)
-    attendeesMenu = $("attendeesMenu").down("ul");
+    if (attendeesMenu)
+        attendeesMenu = $("attendeesMenu").down("ul");
   
-  // Remove link of attendees
-  for (var i = 0; i < attendeesHref.childNodes.length; i++)
-    attendeesHref.removeChild(attendeesHref.childNodes[i]);
+    // Remove link of attendees
+    for (var i = 0; i < attendeesHref.childNodes.length; i++)
+        attendeesHref.removeChild(attendeesHref.childNodes[i]);
 
-  // Remove attendees from menu
-  var menuItems = $$("DIV#attendeesMenu LI.attendee");
-  if (menuItems && attendeesMenu)
-    for (var i = 0; i < menuItems.length; i++)
-      attendeesMenu.removeChild(menuItems[i]);
+    // Remove attendees from menu
+    var menuItems = $$("DIV#attendeesMenu LI.attendee");
+    if (menuItems && attendeesMenu)
+        for (var i = 0; i < menuItems.length; i++)
+            attendeesMenu.removeChild(menuItems[i]);
   
-  if (attendeesNames.length > 0) {
-    // Update attendees link and show label
-    attendeesHref.appendChild(document.createTextNode(attendeesNames));
-    attendeesLabel.setStyle({ display: "block" });
+    if (attendeesNames.length > 0) {
+        // Update attendees link and show label
+        attendeesHref.appendChild(document.createTextNode(attendeesNames));
+        attendeesLabel.setStyle({ display: "block" });
 
-    // Update attendees in menu
-    attendeesNames = attendeesNames.split(",");
-    for (var i = 0; i < attendeesEmails.length; i++) {
-      var node = document.createElement("li");
-      if (attendeesMenu)
-        attendeesMenu.appendChild(node);
-      $(node).writeAttribute("email", attendeesEmails[i]);
-      $(node).addClassName("attendee");
-      $(node).addClassName(attendeesStates[i]);
-      node.appendChild(document.createTextNode(attendeesNames[i]));
-      $(node).observe("click", onMailTo);
+        // Update attendees in menu
+        attendeesNames = attendeesNames.split(",");
+        for (var i = 0; i < attendeesEmails.length; i++) {
+            var node = document.createElement("li");
+            if (attendeesMenu)
+                attendeesMenu.appendChild(node);
+            $(node).writeAttribute("email", attendeesEmails[i]);
+            $(node).addClassName("attendee");
+            $(node).addClassName(attendeesStates[i]);
+            node.appendChild(document.createTextNode(attendeesNames[i]));
+            $(node).observe("click", onMailTo);
+        }
+    }
+    else {
+        // Hide link of attendees
+        attendeesLabel.setStyle({ display: "none" });
     }
-  }
-  else {
-    // Hide link of attendees
-    attendeesLabel.setStyle({ display: "none" });
-  }
 }
 
 function initializeAttendeesHref() {
-  var attendeesHref = $("attendeesHref");
-  var attendeesLabel = $("attendeesLabel");
-  var attendeesNames = $("attendeesNames");
+    var attendeesHref = $("attendeesHref");
+    var attendeesLabel = $("attendeesLabel");
+    var attendeesNames = $("attendeesNames");
 
-  if (attendeesHref && !attendeesHref.hasClassName ("nomenu"))
-    attendeesHref.observe("click", onAttendeesHrefClick, false);
-  refreshAttendees();
+    if (attendeesHref && !attendeesHref.hasClassName ("nomenu"))
+        attendeesHref.observe("click", onAttendeesHrefClick, false);
+    refreshAttendees();
 }
 
 function onAttendeesHrefClick(event) {
-  popupToolbarMenu(this, 'attendeesMenu');
-  preventDefault(event);
-  return false;
+    popupToolbarMenu(this, 'attendeesMenu');
+    preventDefault(event);
+    return false;
 }
 
 function onMailTo(event) {
-  var target = getTarget(event);
-  var address = target.firstChild.nodeValue.trim() + " <" + target.readAttribute("email") + ">";
-  openMailTo(address);
+    var target = getTarget(event);
+    var address = target.firstChild.nodeValue.trim() + " <" + target.readAttribute("email") + ">";
+    openMailTo(address);
 }
 
 function getMenus() {
-  AppointmentEditor.attendeesMenu = new Array(onPopupAttendeesWindow,
-																							"-",
-																							onComposeToAllAttendees,
-																							onComposeToUndecidedAttendees,
-																							"-",
-																							null);
+    AppointmentEditor.attendeesMenu = new Array(onPopupAttendeesWindow,
+                                                "-",
+                                                onComposeToAllAttendees,
+                                                onComposeToUndecidedAttendees,
+                                                "-",
+                                                null);
   
-  var attendeesMenu = $('attendeesMenu');
-  if (attendeesMenu)
-    attendeesMenu.prepareVisibility = onAttendeesMenuPrepareVisibility;
+    var attendeesMenu = $('attendeesMenu');
+    if (attendeesMenu)
+        attendeesMenu.prepareVisibility = onAttendeesMenuPrepareVisibility;
 
-  return { "attendeesMenu": AppointmentEditor.attendeesMenu };
+    return { "attendeesMenu": AppointmentEditor.attendeesMenu };
 }
 
 function onAppointmentEditorLoad() {
-	assignCalendar('startTime_date');
-	assignCalendar('endTime_date');
-   
-	var widgets = {'start': {'date': $("startTime_date"),
-													 'hour': $("startTime_time_hour"),
-													 'minute': $("startTime_time_minute")},
-								 'end': {'date': $("endTime_date"),
-												 'hour': $("endTime_time_hour"),
-												 'minute': $("endTime_time_minute")}};
-	initTimeWidgets(widgets);
-	initializeAttendeesHref();
+    if (readOnly == false) {
+        assignCalendar('startTime_date');
+        assignCalendar('endTime_date');
+        
+        var widgets = {'start': {'date': $("startTime_date"),
+                                 'hour': $("startTime_time_hour"),
+                                 'minute': $("startTime_time_minute")},
+                       'end': {'date': $("endTime_date"),
+                               'hour': $("endTime_time_hour"),
+                               'minute': $("endTime_time_minute")}};
+        initTimeWidgets(widgets);
+    }
+    initializeAttendeesHref();
 }
 
 document.observe("dom:loaded", onAppointmentEditorLoad);
diff --git a/UI/WebServerResources/UIxComponentEditor.css b/UI/WebServerResources/UIxComponentEditor.css
index 2f09b17fb..76bff4fcf 100644
--- a/UI/WebServerResources/UIxComponentEditor.css
+++ b/UI/WebServerResources/UIxComponentEditor.css
@@ -22,7 +22,7 @@ SPAN.content
 
 SPAN.content > INPUT.textField,
 LABEL#commentArea textarea
-{ width: 380px; }
+{ max-width: 380px; }
 
 LABEL, SPAN.checkBoxList
 { display: block;
@@ -34,12 +34,13 @@ LABEL, SPAN.checkBoxList
   width: 100%; }
 
 LABEL#commentArea textarea
-{ padding-bottom: 0em;
-  top: 0px;
+{ position: absolute;
+  top: 0;
+  width: 100%;
   left: 8em;
-  position: absolute;
-  padding: 0px;
+  right: 1em;
   margin: 0px;
+  margin: auto;
   margin-left: 1px; }
 
 SPAN.headerContent
@@ -51,7 +52,7 @@ SPAN.headerContent
 }
 LABEL.title
 {
-  margin-top: 20px;
+  margin-top: 1em;
   font-weight: bold;
 }
 LABEL.titleNoSpace
@@ -66,10 +67,13 @@ DIV#windowButtons
   right: 2em; }
 
 LABEL.calendarName
-{ text-align: right;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  width: 97%;
+{ background-color: #fff;
+  border-bottom: 1px solid #555;
+  font-weight: bold;
+  text-align: right;
+  margin: 0;
+  padding: 10px;
+  width: auto;
 }
 
 DIV#attendeesMenu
@@ -81,13 +85,9 @@ DIV.fakeTextArea
   border-width: 2px;
   border-style: inset; 
   padding: 2px;
-  height: 100%;
-  white-space: pre-wrap;
-}
+  height: 100px;
+  white-space: pre-wrap; }
 
-DIV#descriptionDiv {
-  height: 80px;
-}
-SPAN.fixedHeight {
-  height: 60px;
-}
\ No newline at end of file
+DIV#descriptionDiv,
+DIV#attendeesDiv
+{ height: 120px; }
diff --git a/UI/WebServerResources/UIxComponentEditor.js b/UI/WebServerResources/UIxComponentEditor.js
index 4ee9ee6b9..d4cdb1849 100644
--- a/UI/WebServerResources/UIxComponentEditor.js
+++ b/UI/WebServerResources/UIxComponentEditor.js
@@ -43,8 +43,8 @@ function onPopupAttachWindow(event) {
     }
     attachInput.value = newAttach;
   }
-	onWindowResize(event);
-
+  onWindowResize(event);
+  
   return false;
 }
 
@@ -183,27 +183,31 @@ function onSummaryChange (e) {
 }
 
 function onWindowResize(event) {
-    var document = $("documentLabel");
     var comment = $("commentArea");
     if (comment) {
-  	var area = comment.select("textarea").first();
-  	var offset = 6;
+        // Resize comment area of read-write component
+        var document = $("documentLabel");
+        var area = comment.select("textarea").first();
+        var offset = 6;
         var height;
         
-  	height = window.height() - comment.cumulativeOffset().top - offset;
+        height = window.height() - comment.cumulativeOffset().top - offset;
         
-  	if (document.visible()) {
+        if (document.visible()) {
+            // Component has an attachment
             if ($("changeAttachButton"))
-  	  	height -= $("changeAttachButton").getHeight();
+                height -= $("changeAttachButton").getHeight();
             else
                 height -= $("documentHref").getHeight();
         }
-	
+        
         if (area)
             area.setStyle({ height: (height - offset*2) + "px" });
-  	comment.setStyle({ height: (height - offset) + "px" });
+
+        comment.setStyle({ height: (height - offset) + "px" });
     }
     else {
+        // Resize attendees area of a read-only component
         $("eventView").style.height = window.height () + "px";
         var height = window.height() - 120;
         var tmp = $("generalDiv");
@@ -213,8 +217,11 @@ function onWindowResize(event) {
         if (tmp)
             height -= tmp.offsetHeight;
         
-        $("attendeesDiv").style.height = height + "px";
-        $("attendeesMenu").style.height = (height - 20) + "px";
+        tmp = $("attendeesDiv");
+        if (tmp) {
+            tmp.style.height = height + "px";
+            $("attendeesMenu").style.height = (height - 20) + "px";
+        }
     }
     
     return true;
diff --git a/UI/WebServerResources/UIxTaskEditor.js b/UI/WebServerResources/UIxTaskEditor.js
index b2137a92b..60658b1f5 100644
--- a/UI/WebServerResources/UIxTaskEditor.js
+++ b/UI/WebServerResources/UIxTaskEditor.js
@@ -156,16 +156,18 @@ function addContact(tag, fullContactName, contactId, contactName, contactEmail)
 }
 
 function onTimeControlCheck(checkBox) {
-  var inputs = checkBox.parentNode.getElementsByTagName("input");
-  var selects = checkBox.parentNode.getElementsByTagName("select");
-  for (var i = 0; i < inputs.length; i++)
-    if (inputs[i] != checkBox)
-      inputs[i].disabled = !checkBox.checked;
-  for (var i = 0; i < selects.length; i++)
-    if (selects[i] != checkBox)
-      selects[i].disabled = !checkBox.checked;
+    if (checkBox) {
+        var inputs = checkBox.parentNode.getElementsByTagName("input");
+        var selects = checkBox.parentNode.getElementsByTagName("select");
+        for (var i = 0; i < inputs.length; i++)
+            if (inputs[i] != checkBox)
+                inputs[i].disabled = !checkBox.checked;
+        for (var i = 0; i < selects.length; i++)
+            if (selects[i] != checkBox)
+                selects[i].disabled = !checkBox.checked;
 	if (checkBox.id == "dueDateCB")
-		$("reminderList").disabled = !checkBox.checked;
+            $("reminderList").disabled = !checkBox.checked;
+    }
 }
 
 function saveEvent(sender) {
@@ -294,26 +296,29 @@ function onStatusListChange(event) {
 
 function initializeStatusLine() {
   var statusList = $("statusList");
-  statusList.observe("mouseup", onStatusListChange, false);
+  if (statusList)
+      statusList.observe("mouseup", onStatusListChange, false);
 }
 
 function onTaskEditorLoad() {
-	assignCalendar('startTime_date');
-	assignCalendar('dueTime_date');
-	assignCalendar('statusTime_date');
+    assignCalendar('startTime_date');
+    assignCalendar('dueTime_date');
+    assignCalendar('statusTime_date');
+    
+    if (readOnly == false) {
+        var widgets = {'start': {'date': $("startTime_date"),
+                                 'hour': $("startTime_time_hour"),
+                                 'minute': $("startTime_time_minute")},
+                       'due':   {'date': $("dueTime_date"),
+                                 'hour': $("dueTime_time_hour"),
+                                 'minute': $("dueTime_time_minute")}};
+        initTimeWidgets(widgets);
+    }
 
-	var widgets = {'start': {'date': $("startTime_date"),
-													 'hour': $("startTime_time_hour"),
-													 'minute': $("startTime_time_minute")},
-								 'due':   {'date': $("dueTime_date"),
-													 'hour': $("dueTime_time_hour"),
-													 'minute': $("dueTime_time_minute")}};
-	initTimeWidgets(widgets);
-	
-	// Enable or disable the reminder list
-	onTimeControlCheck($("dueDateCB"));
+    // Enable or disable the reminder list
+    onTimeControlCheck($("dueDateCB"));
 
-  initializeStatusLine();
+    initializeStatusLine();
 }
 
 document.observe("dom:loaded", onTaskEditorLoad);