No OneTemporary
Actions

Size

143 KB

Referenced Files

None

Subscribers

None

View Options

This document is not UTF8. It was detected as ISO-8859-1 (Latin 1) and converted to UTF8 for display.

	diff --git a/program/js/list.js b/program/js/list.js
	index 59651b8a2..62f1b1c9d 100644
	--- a/program/js/list.js
	+++ b/program/js/list.js
	@@ -1,1769 +1,1753 @@
	/**
	* Roundcube List Widget
	*
	* This file is part of the Roundcube Webmail client
	*
	* @licstart The following is the entire license notice for the
	* JavaScript code in this file.
	*
	* Copyright (c) 2005-2014, The Roundcube Dev Team
	*
	* The JavaScript code in this page is free software: you can
	* redistribute it and/or modify it under the terms of the GNU
	* General Public License (GNU GPL) as published by the Free Software
	* Foundation, either version 3 of the License, or (at your option)
	* any later version. The code is distributed WITHOUT ANY WARRANTY;
	* without even the implied warranty of MERCHANTABILITY or FITNESS
	* FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
	*
	* As additional permission under GNU GPL version 3 section 7, you
	* may distribute non-source (e.g., minimized or compacted) forms of
	* that code without the copy of the GNU GPL normally required by
	* section 4, provided you include this license notice and a URL
	* through which recipients can access the Corresponding Source.
	*
	* @licend The above is the entire license notice
	* for the JavaScript code in this file.
	*
	* @author Thomas Bruederli <roundcube@gmail.com>
	* @author Charles McNulty <charles@charlesmcnulty.com>
	*
	* @requires jquery.js, common.js
	*/


	/**
	* Roundcube List Widget class
	* @constructor
	*/
	function rcube_list_widget(list, p)
	{
	// static contants
	this.ENTER_KEY = 13;
	this.DELETE_KEY = 46;
	this.BACKSPACE_KEY = 8;

	this.list = list ? list : null;
	this.tagname = this.list ? this.list.nodeName.toLowerCase() : 'table';
	this.id_regexp = /^rcmrow([a-z0-9\-_=\+\/]+)/i;
	this.rows = {};
	this.selection = [];
	this.rowcount = 0;
	this.colcount = 0;

	this.subject_col = -1;
	this.modkey = 0;
	this.multiselect = false;
	this.multiexpand = false;
	this.multi_selecting = false;
	this.draggable = false;
	this.column_movable = false;
	this.keyboard = false;
	this.toggleselect = false;

	this.drag_active = false;
	this.col_drag_active = false;
	this.column_fixed = null;
	this.last_selected = 0;
	this.shift_start = 0;
	this.focused = false;
	this.drag_mouse_start = null;
	this.dblclick_time = 500; // default value on MS Windows is 500
	this.row_init = function(){}; // @deprecated; use list.addEventListener('initrow') instead

	// overwrite default paramaters
	if (p && typeof p === 'object')
	for (var n in p)
	this[n] = p[n];
	};


	rcube_list_widget.prototype = {


	/**
	* get all message rows from HTML table and init each row
	*/
	init: function()
	{
	if (this.tagname == 'table' && this.list && this.list.tBodies[0]) {
	this.thead = this.list.tHead;
	this.tbody = this.list.tBodies[0];
	}
	else if (this.tagname != 'table' && this.list) {
	this.tbody = this.list;
	}

	if (this.tbody) {
	this.rows = {};
	this.rowcount = 0;

	var r, len, rows = this.tbody.childNodes, me = this;

	for (r=0, len=rows.length; r<len; r++) {
	this.rowcount += this.init_row(rows[r]) ? 1 : 0;
	}

	this.init_header();
	this.frame = this.list.parentNode;

	// set body events
	if (this.keyboard) {
	rcube_event.add_listener({event:'keydown', object:this, method:'key_press'});

	// install a link element to receive focus.
	// this helps to maintain the natural tab order when moving focus with keyboard
	this.focus_elem = $('<a>')
	.attr('tabindex', '0')
	.attr('style', 'display:block; width:1px; height:1px; line-height:1px; overflow:hidden; position:fixed; top:-1000px')
	.html($(this.list).attr('summary') \|\| 'Select List')
	.insertAfter(this.list)
	.on('focus', function(e){ me.focus(e); })
	.on('blur', function(e){ me.blur(e); });
	}
	}

	return this;
	},


	/**
	* Init list row and set mouse events on it
	*/
	init_row: function(row)
	{
	row.uid = this.get_row_uid(row);

	// make references in internal array and set event handlers
	if (row && row.uid) {
	var self = this, uid = row.uid;
	this.rows[uid] = {uid:uid, id:row.id, obj:row};

	// set eventhandlers to table row
	row.onmousedown = function(e){ return self.drag_row(e, this.uid); };
	row.onmouseup = function(e){ return self.click_row(e, this.uid); };

	if (bw.touch) {
	row.addEventListener('touchstart', function(e) {
	if (e.touches.length == 1) {
	self.touchmoved = false;
	self.drag_row(rcube_event.touchevent(e.touches[0]), this.uid)
	}
	}, false);
	row.addEventListener('touchend', function(e) {
	if (e.changedTouches.length == 1) {
	if (!self.touchmoved && !self.click_row(rcube_event.touchevent(e.changedTouches[0]), this.uid))
	e.preventDefault();
	}
	}, false);
	row.addEventListener('touchmove', function(e) {
	if (e.changedTouches.length == 1) {
	self.touchmoved = true;
	if (self.drag_active)
	e.preventDefault();
	}
	}, false);
	}

	if (document.all)
	row.onselectstart = function() { return false; };

	this.row_init(this.rows[uid]); // legacy support
	this.triggerEvent('initrow', this.rows[uid]);

	return true;
	}
	},


	/**
	* Init list column headers and set mouse events on them
	*/
	init_header: function()
	{
	if (this.thead) {
	this.colcount = 0;

	if (this.fixed_header) { // copy (modified) fixed header back to the actual table
	$(this.list.tHead).replaceWith($(this.fixed_header).find('thead').clone());
	$(this.list.tHead).find('tr td').attr('style', '').find('a').attr('tabindex', '-1'); // remove fixed widths
	}
	else if (!bw.touch && this.list.className.indexOf('fixedheader') >= 0) {
	this.init_fixed_header();
	}

	var col, r, p = this;
	// add events for list columns moving
	if (this.column_movable && this.thead && this.thead.rows) {
	for (r=0; r<this.thead.rows[0].cells.length; r++) {
	if (this.column_fixed == r)
	continue;
	col = this.thead.rows[0].cells[r];
	col.onmousedown = function(e){ return p.drag_column(e, this); };
	this.colcount++;
	}
	}
	}
	},

	init_fixed_header: function()
	{
	var clone = $(this.list.tHead).clone();

	if (!this.fixed_header) {
	this.fixed_header = $('<table>')
	.attr('class', this.list.className + ' fixedcopy')
	.attr('role', 'presentation')
	.css({ position:'fixed' })
	.append(clone)
	.append('<tbody></tbody>');
	$(this.list).before(this.fixed_header);

	var me = this;
	$(window).resize(function(){ me.resize() });
	$(window).scroll(function(){
	var w = $(window);
	me.fixed_header.css('marginLeft', (-w.scrollLeft()) + 'px');
	if (!bw.webkit)
	me.fixed_header.css('marginTop', (-w.scrollTop()) + 'px');
	});
	}
	else {
	$(this.fixed_header).find('thead').replaceWith(clone);
	}

	// avoid scrolling header links being focused
	$(this.list.tHead).find('a.sortcol').attr('tabindex', '-1');

	// set tabindex to fixed header sort links
	clone.find('a.sortcol').attr('tabindex', '0');

	this.thead = clone.get(0);
	this.resize();
	},

	resize: function()
	{
	if (!this.fixed_header)
	return;

	var column_widths = [];

	// get column widths from original thead
	$(this.tbody).parent().find('thead tr td').each(function(index) {
	column_widths[index] = $(this).width();
	});

	// apply fixed widths to fixed table header
	$(this.thead).parent().width($(this.tbody).parent().width());
	$(this.thead).find('tr td').each(function(index) {
	$(this).css('width', column_widths[index]);
	});

	$(window).scroll();
	},

	/**
	* Remove all list rows
	*/
	clear: function(sel)
	{
	if (this.tagname == 'table') {
	var tbody = document.createElement('tbody');
	this.list.insertBefore(tbody, this.tbody);
	this.list.removeChild(this.list.tBodies[1]);
	this.tbody = tbody;
	}
	else {
	$(this.row_tagname() + ':not(.thead)', this.tbody).remove();
	}

	this.rows = {};
	this.rowcount = 0;

	if (sel)
	this.clear_selection();
	else
	this.last_selected = 0;

	// reset scroll position (in Opera)
	if (this.frame)
	this.frame.scrollTop = 0;

	// fix list header after removing any rows
	this.resize();
	},


	/**
	* 'remove' message row from list (just hide it)
	*/
	remove_row: function(uid, sel_next)
	{
	var self = this, node = this.rows[uid] ? this.rows[uid].obj : null;

	if (!node)
	return;

	node.style.display = 'none';

	if (sel_next)
	this.select_next();

	delete this.rows[uid];
	this.rowcount--;

	// fix list header after removing any rows
	clearTimeout(this.resize_timeout)
	this.resize_timeout = setTimeout(function() { self.resize(); }, 50);
	},


	/**
	* Add row to the list and initialize it
	*/
	insert_row: function(row, before)
	{
	var self = this, tbody = this.tbody;

	// create a real dom node first
	if (row.nodeName === undefined) {
	// for performance reasons use DOM instead of jQuery here
	var domrow = document.createElement(this.row_tagname());
	if (row.id) domrow.id = row.id;
	if (row.className) domrow.className = row.className;
	if (row.style) $.extend(domrow.style, row.style);
	if (row.uid) $(domrow).data('uid', row.uid);

	for (var e, domcell, col, i=0; row.cols && i < row.cols.length; i++) {
	col = row.cols[i];
	domcell = document.createElement(this.col_tagname());
	if (col.className) domcell.className = col.className;
	if (col.innerHTML) domcell.innerHTML = col.innerHTML;
	for (e in col.events)
	domcell['on' + e] = col.events[e];
	domrow.appendChild(domcell);
	}

	row = domrow;
	}

	if (before && tbody.childNodes.length)
	tbody.insertBefore(row, (typeof before == 'object' && before.parentNode == tbody) ? before : tbody.firstChild);
	else
	tbody.appendChild(row);

	this.init_row(row);
	this.rowcount++;

	// fix list header after adding any rows
	clearTimeout(this.resize_timeout)
	this.resize_timeout = setTimeout(function() { self.resize(); }, 50);
	},

	/**
	*
	*/
	update_row: function(id, cols, newid, select)
	{
	var row = this.rows[id];
	if (!row) return false;

	var domrow = row.obj;
	for (var domcell, col, i=0; cols && i < cols.length; i++) {
	this.get_cell(domrow, i).html(cols[i]);
	}

	if (newid) {
	delete this.rows[id];
	domrow.id = 'rcmrow' + newid;
	this.init_row(domrow);

	if (select)
	this.selection[0] = newid;
	}
	},


	/**
	* Set focus to the list
	*/
	focus: function(e)
	{
	if (this.focused)
	return;

	- var n, id;
	this.focused = true;

	- for (n in this.selection) {
	- id = this.selection[n];
	- if (this.rows[id] && this.rows[id].obj) {
	- $(this.rows[id].obj).addClass('selected').removeClass('unfocused');
	- }
	- }
	-
	if (e)
	rcube_event.cancel(e);

	// Un-focus already focused elements (#1487123, #1487316, #1488600, #1488620)
	if (this.focus_elem) {
	// We now fix this by explicitly assigning focus to a dedicated link element
	this.focus_noscroll(this.focus_elem);
	}
	else {
	// It looks that window.focus() does the job for all browsers, but not Firefox (#1489058)
	$('iframe,:focus:not(body)').blur();
	window.focus();
	}

	$(this.list).addClass('focus');

	// set internal focus pointer to first row
	if (!this.last_selected)
	this.select_first(CONTROL_KEY);
	},


	/**
	* remove focus from the list
	*/
	blur: function(e)
	{
	- var n, id;
	this.focused = false;
	- for (n in this.selection) {
	- id = this.selection[n];
	- if (this.rows[id] && this.rows[id].obj) {
	- $(this.rows[id].obj).removeClass('selected focused').addClass('unfocused');
	- }
	- }
	-
	$(this.list).removeClass('focus');
	},

	/**
	* Focus the given element without scrolling the list container
	*/
	focus_noscroll: function(elem)
	{
	var y = this.frame.scrollTop \|\| this.frame.scrollY;
	elem.focus();
	this.frame.scrollTop = y;
	},


	/**
	* Set/unset the given column as hidden
	*/
	hide_column: function(col, hide)
	{
	var method = hide ? 'addClass' : 'removeClass';

	if (this.fixed_header)
	$(this.row_tagname()+' '+this.col_tagname()+'.'+col, this.fixed_header)[method]('hidden');

	$(this.row_tagname()+' '+this.col_tagname()+'.'+col, this.list)[method]('hidden');
	},


	/**
	* onmousedown-handler of message list column
	*/
	drag_column: function(e, col)
	{
	if (this.colcount > 1) {
	this.drag_start = true;
	this.drag_mouse_start = rcube_event.get_mouse_pos(e);

	rcube_event.add_listener({event:'mousemove', object:this, method:'column_drag_mouse_move'});
	rcube_event.add_listener({event:'mouseup', object:this, method:'column_drag_mouse_up'});

	// enable dragging over iframes
	this.add_dragfix();

	// find selected column number
	for (var i=0; i<this.thead.rows[0].cells.length; i++) {
	if (col == this.thead.rows[0].cells[i]) {
	this.selected_column = i;
	break;
	}
	}
	}

	return false;
	},


	/**
	* onmousedown-handler of message list row
	*/
	drag_row: function(e, id)
	{
	// don't do anything (another action processed before)
	if (!this.is_event_target(e))
	return true;

	// accept right-clicks
	if (rcube_event.get_button(e) == 2)
	return true;

	this.in_selection_before = e && e.istouch \|\| this.in_selection(id) ? id : false;

	// selects currently unselected row
	if (!this.in_selection_before) {
	var mod_key = rcube_event.get_modifier(e);
	this.select_row(id, mod_key, true);
	}

	if (this.draggable && this.selection.length && this.in_selection(id)) {
	this.drag_start = true;
	this.drag_mouse_start = rcube_event.get_mouse_pos(e);

	rcube_event.add_listener({event:'mousemove', object:this, method:'drag_mouse_move'});
	rcube_event.add_listener({event:'mouseup', object:this, method:'drag_mouse_up'});
	if (bw.touch) {
	rcube_event.add_listener({event:'touchmove', object:this, method:'drag_mouse_move'});
	rcube_event.add_listener({event:'touchend', object:this, method:'drag_mouse_up'});
	}

	// enable dragging over iframes
	this.add_dragfix();
	}

	return false;
	},


	/**
	* onmouseup-handler of message list row
	*/
	click_row: function(e, id)
	{
	// don't do anything (another action processed before)
	if (!this.is_event_target(e))
	return true;

	var now = new Date().getTime(),
	dblclicked = now - this.rows[id].clicked < this.dblclick_time;

	// unselects currently selected row
	if (!this.drag_active && !dblclicked && this.in_selection_before == id)
	this.select_row(id, rcube_event.get_modifier(e), true);

	this.drag_start = false;
	this.in_selection_before = false;

	// row was double clicked
	if (this.rowcount && dblclicked && this.in_selection(id)) {
	this.triggerEvent('dblclick');
	now = 0;
	}
	else
	this.triggerEvent('click');

	if (!this.drag_active) {
	// remove temp divs
	this.del_dragfix();
	rcube_event.cancel(e);
	}

	this.rows[id].clicked = now;
	this.focus();

	return false;
	},


	/**
	* Check target of the current event
	*/
	is_event_target: function(e)
	{
	var target = rcube_event.get_target(e),
	tagname = target.tagName.toLowerCase();

	return !(target && (tagname == 'input' \|\| tagname == 'img' \|\| (tagname != 'a' && target.onclick)));
	},


	/*
	* Returns thread root ID for specified row ID
	*/
	find_root: function(uid)
	{
	var r = this.rows[uid];

	if (r && r.parent_uid)
	return this.find_root(r.parent_uid);
	else
	return uid;
	},


	expand_row: function(e, id)
	{
	var row = this.rows[id],
	evtarget = rcube_event.get_target(e),
	mod_key = rcube_event.get_modifier(e);

	// Don't treat double click on the expando as double click on the message.
	row.clicked = 0;

	if (row.expanded) {
	evtarget.className = 'collapsed';
	if (mod_key == CONTROL_KEY \|\| this.multiexpand)
	this.collapse_all(row);
	else
	this.collapse(row);
	}
	else {
	evtarget.className = 'expanded';
	if (mod_key == CONTROL_KEY \|\| this.multiexpand)
	this.expand_all(row);
	else
	this.expand(row);
	}
	},

	collapse: function(row)
	{
	var r, depth = row.depth,
	new_row = row ? row.obj.nextSibling : null;

	row.expanded = false;
	this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj });

	while (new_row) {
	if (new_row.nodeType == 1) {
	r = this.rows[new_row.uid];
	if (r && r.depth <= depth)
	break;

	$(new_row).css('display', 'none');
	if (r.expanded) {
	r.expanded = false;
	this.triggerEvent('expandcollapse', { uid:r.uid, expanded:r.expanded, obj:new_row });
	}
	}
	new_row = new_row.nextSibling;
	}

	this.resize();
	this.triggerEvent('listupdate');

	return false;
	},

	expand: function(row)
	{
	var r, p, depth, new_row, last_expanded_parent_depth;

	if (row) {
	row.expanded = true;
	depth = row.depth;
	new_row = row.obj.nextSibling;
	this.update_expando(row.id, true);
	this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj });
	}
	else {
	var tbody = this.tbody;
	new_row = tbody.firstChild;
	depth = 0;
	last_expanded_parent_depth = 0;
	}

	while (new_row) {
	if (new_row.nodeType == 1) {
	r = this.rows[new_row.uid];
	if (r) {
	if (row && (!r.depth \|\| r.depth <= depth))
	break;

	if (r.parent_uid) {
	p = this.rows[r.parent_uid];
	if (p && p.expanded) {
	if ((row && p == row) \|\| last_expanded_parent_depth >= p.depth - 1) {
	last_expanded_parent_depth = p.depth;
	$(new_row).css('display', '');
	r.expanded = true;
	this.triggerEvent('expandcollapse', { uid:r.uid, expanded:r.expanded, obj:new_row });
	}
	}
	else
	if (row && (! p \|\| p.depth <= depth))
	break;
	}
	}
	}
	new_row = new_row.nextSibling;
	}

	this.resize();
	this.triggerEvent('listupdate');
	return false;
	},


	collapse_all: function(row)
	{
	var depth, new_row, r;

	if (row) {
	row.expanded = false;
	depth = row.depth;
	new_row = row.obj.nextSibling;
	this.update_expando(row.id);
	this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj });

	// don't collapse sub-root tree in multiexpand mode
	if (depth && this.multiexpand)
	return false;
	}
	else {
	new_row = this.tbody.firstChild;
	depth = 0;
	}

	while (new_row) {
	if (new_row.nodeType == 1) {
	if (r = this.rows[new_row.uid]) {
	if (row && (!r.depth \|\| r.depth <= depth))
	break;

	if (row \|\| r.depth)
	$(new_row).css('display', 'none');
	if (r.has_children && r.expanded) {
	r.expanded = false;
	this.update_expando(r.id, false);
	this.triggerEvent('expandcollapse', { uid:r.uid, expanded:r.expanded, obj:new_row });
	}
	}
	}
	new_row = new_row.nextSibling;
	}

	this.resize();
	this.triggerEvent('listupdate');
	return false;
	},


	expand_all: function(row)
	{
	var depth, new_row, r;

	if (row) {
	row.expanded = true;
	depth = row.depth;
	new_row = row.obj.nextSibling;
	this.update_expando(row.id, true);
	this.triggerEvent('expandcollapse', { uid:row.uid, expanded:row.expanded, obj:row.obj });
	}
	else {
	new_row = this.tbody.firstChild;
	depth = 0;
	}

	while (new_row) {
	if (new_row.nodeType == 1) {
	if (r = this.rows[new_row.uid]) {
	if (row && r.depth <= depth)
	break;

	$(new_row).css('display', '');
	if (r.has_children && !r.expanded) {
	r.expanded = true;
	this.update_expando(r.id, true);
	this.triggerEvent('expandcollapse', { uid:r.uid, expanded:r.expanded, obj:new_row });
	}
	}
	}
	new_row = new_row.nextSibling;
	}

	this.resize();
	this.triggerEvent('listupdate');
	return false;
	},


	update_expando: function(id, expanded)
	{
	var expando = document.getElementById('rcmexpando' + id);
	if (expando)
	expando.className = expanded ? 'expanded' : 'collapsed';
	},

	get_row_uid: function(row)
	{
	if (row && row.uid)
	return row.uid;

	var uid;
	if (row && (uid = $(row).data('uid')))
	row.uid = uid;
	else if (row && String(row.id).match(this.id_regexp))
	row.uid = RegExp.$1;

	return row.uid;
	},

	/**
	* get first/next/previous/last rows that are not hidden
	*/
	get_next_row: function()
	{
	if (!this.rowcount)
	return false;

	var last_selected_row = this.rows[this.last_selected],
	new_row = last_selected_row ? last_selected_row.obj.nextSibling : null;

	while (new_row && (new_row.nodeType != 1 \|\| new_row.style.display == 'none'))
	new_row = new_row.nextSibling;

	return new_row;
	},

	get_prev_row: function()
	{
	if (!this.rowcount)
	return false;

	var last_selected_row = this.rows[this.last_selected],
	new_row = last_selected_row ? last_selected_row.obj.previousSibling : null;

	while (new_row && (new_row.nodeType != 1 \|\| new_row.style.display == 'none'))
	new_row = new_row.previousSibling;

	return new_row;
	},

	get_first_row: function()
	{
	if (this.rowcount) {
	var i, len, uid, rows = this.tbody.childNodes;

	for (i=0, len=rows.length-1; i<len; i++)
	if (rows[i].id && (uid = this.get_row_uid(rows[i])))
	return uid;
	}

	return null;
	},

	get_last_row: function()
	{
	if (this.rowcount) {
	var i, uid, rows = this.tbody.childNodes;

	for (i=rows.length-1; i>=0; i--)
	if (rows[i].id && (uid = this.get_row_uid(rows[i])))
	return uid;
	}

	return null;
	},

	row_tagname: function()
	{
	var row_tagnames = { table:'tr', ul:'li', '*':'div' };
	return row_tagnames[this.tagname] \|\| row_tagnames['*'];
	},

	col_tagname: function()
	{
	var col_tagnames = { table:'td', '*':'span' };
	return col_tagnames[this.tagname] \|\| col_tagnames['*'];
	},

	get_cell: function(row, index)
	{
	return $(this.col_tagname(), row).eq(index);
	},

	/**
	* selects or unselects the proper row depending on the modifier key pressed
	*/
	select_row: function(id, mod_key, with_mouse)
	{
	var select_before = this.selection.join(',');

	if (!this.multiselect)
	mod_key = 0;

	if (!this.shift_start)
	this.shift_start = id

	if (!mod_key) {
	this.shift_start = id;
	this.highlight_row(id, false);
	this.multi_selecting = false;
	}
	else {
	switch (mod_key) {
	case SHIFT_KEY:
	this.shift_select(id, false);
	break;

	case CONTROL_KEY:
	if (with_mouse) {
	this.shift_start = id;
	this.highlight_row(id, true);
	}
	break;

	case CONTROL_SHIFT_KEY:
	this.shift_select(id, true);
	break;

	default:
	this.highlight_row(id, false);
	break;
	}

	this.multi_selecting = true;
	}

	// trigger event if selection changed
	if (this.selection.join(',') != select_before)
	this.triggerEvent('select');

	if (this.last_selected != 0 && this.rows[this.last_selected])
	$(this.rows[this.last_selected].obj).removeClass('focused');

	// unselect if toggleselect is active and the same row was clicked again
	if (this.toggleselect && this.last_selected == id) {
	this.clear_selection();
	id = null;
	}
	else
	$(this.rows[id].obj).addClass('focused');

	if (!this.selection.length)
	this.shift_start = null;

	this.last_selected = id;
	},


	/**
	* Alias method for select_row
	*/
	select: function(id)
	{
	this.select_row(id, false);
	this.scrollto(id);
	},


	/**
	* Select row next to the last selected one.
	* Either below or above.
	*/
	select_next: function()
	{
	var next_row = this.get_next_row(),
	prev_row = this.get_prev_row(),
	new_row = (next_row) ? next_row : prev_row;

	if (new_row)
	this.select_row(new_row.uid, false, false);
	},


	/**
	* Select first row
	*/
	select_first: function(mod_key)
	{
	var row = this.get_first_row();
	if (row) {
	this.select_row(row, mod_key, false);
	this.scrollto(row);
	}
	},


	/**
	* Select last row
	*/
	select_last: function(mod_key)
	{
	var row = this.get_last_row();
	if (row) {
	this.select_row(row, mod_key, false);
	this.scrollto(row);
	}
	},


	/**
	* Add all childs of the given row to selection
	*/
	select_children: function(uid)
	{
	var i, children = this.row_children(uid), len = children.length;

	for (i=0; i<len; i++)
	if (!this.in_selection(children[i]))
	this.select_row(children[i], CONTROL_KEY, true);
	},


	/**
	* Perform selection when shift key is pressed
	*/
	shift_select: function(id, control)
	{
	if (!this.rows[this.shift_start] \|\| !this.selection.length)
	this.shift_start = id;

	var n, i, j, to_row = this.rows[id],
	from_rowIndex = this._rowIndex(this.rows[this.shift_start].obj),
	to_rowIndex = this._rowIndex(to_row.obj);

	// if we're going down the list, and we hit a thread, and it's closed, select the whole thread
	if (from_rowIndex < to_rowIndex && !to_row.expanded && to_row.has_children)
	if (to_row = this.rows[(this.row_children(id)).pop()])
	to_rowIndex = this._rowIndex(to_row.obj);

	i = ((from_rowIndex < to_rowIndex) ? from_rowIndex : to_rowIndex),
	j = ((from_rowIndex > to_rowIndex) ? from_rowIndex : to_rowIndex);

	// iterate through the entire message list
	for (n in this.rows) {
	if (this._rowIndex(this.rows[n].obj) >= i && this._rowIndex(this.rows[n].obj) <= j) {
	if (!this.in_selection(n)) {
	this.highlight_row(n, true);
	}
	}
	else {
	if (this.in_selection(n) && !control) {
	this.highlight_row(n, true);
	}
	}
	}
	},


	/**
	* Helper method to emulate the rowIndex property of non-tr elements
	*/
	_rowIndex: function(obj)
	{
	return (obj.rowIndex !== undefined) ? obj.rowIndex : $(obj).prevAll().length;
	},

	/**
	* Check if given id is part of the current selection
	*/
	in_selection: function(id)
	{
	for (var n in this.selection)
	if (this.selection[n] == id)
	return true;

	return false;
	},


	/**
	* Select each row in list
	*/
	select_all: function(filter)
	{
	if (!this.rowcount)
	return false;

	// reset but remember selection first
	var n, select_before = this.selection.join(',');
	this.selection = [];

	for (n in this.rows) {
	if (!filter \|\| this.rows[n][filter] == true) {
	this.last_selected = n;
	this.highlight_row(n, true, true);
	}
	else {
	- $(this.rows[n].obj).removeClass('selected').removeClass('unfocused').removeAttr('aria-selected');
	+ $(this.rows[n].obj).removeClass('selected').removeAttr('aria-selected');
	}
	}

	// trigger event if selection changed
	if (this.selection.join(',') != select_before)
	this.triggerEvent('select');

	this.focus();

	return true;
	},


	/**
	* Invert selection
	*/
	invert_selection: function()
	{
	if (!this.rowcount)
	return false;

	// remember old selection
	var n, select_before = this.selection.join(',');

	for (n in this.rows)
	this.highlight_row(n, true);

	// trigger event if selection changed
	if (this.selection.join(',') != select_before)
	this.triggerEvent('select');

	this.focus();

	return true;
	},


	/**
	* Unselect selected row(s)
	*/
	clear_selection: function(id, no_event)
	{
	var n, num_select = this.selection.length;

	// one row
	if (id) {
	for (n in this.selection)
	if (this.selection[n] == id) {
	this.selection.splice(n,1);
	break;
	}
	}
	// all rows
	else {
	for (n in this.selection)
	if (this.rows[this.selection[n]]) {
	- $(this.rows[this.selection[n]].obj).removeClass('selected').removeClass('unfocused').removeAttr('aria-selected');
	+ $(this.rows[this.selection[n]].obj).removeClass('selected').removeAttr('aria-selected');
	}

	this.selection = [];
	}

	if (num_select && !this.selection.length && !no_event) {
	this.triggerEvent('select');
	this.last_selected = 0;
	}
	},


	/**
	* Getter for the selection array
	*/
	get_selection: function(deep)
	{
	var res = $.merge([], this.selection);

	// return children of selected threads even if only root is selected
	if (deep !== false && res.length) {
	for (var uid, uids, i=0, len=res.length; i<len; i++) {
	uid = res[i];
	if (this.rows[uid] && this.rows[uid].has_children && !this.rows[uid].expanded) {
	uids = this.row_children(uid);
	for (var j=0, uids_len=uids.length; j<uids_len; j++) {
	uid = uids[j];
	if (!this.in_selection(uid))
	res.push(uid);
	}
	}
	}
	}

	return res;
	},


	/**
	* Return the ID if only one row is selected
	*/
	get_single_selection: function()
	{
	if (this.selection.length == 1)
	return this.selection[0];
	else
	return null;
	},


	/**
	* Highlight/unhighlight a row
	*/
	highlight_row: function(id, multiple, norecur)
	{
	if (!this.rows[id])
	return;

	if (!multiple) {
	if (this.selection.length > 1 \|\| !this.in_selection(id)) {
	this.clear_selection(null, true);
	this.selection[0] = id;
	$(this.rows[id].obj).addClass('selected').attr('aria-selected', 'true');
	}
	}
	else {
	if (!this.in_selection(id)) { // select row
	this.selection.push(id);
	$(this.rows[id].obj).addClass('selected').attr('aria-selected', 'true');
	if (!norecur && !this.rows[id].expanded)
	this.highlight_children(id, true);
	}
	else { // unselect row
	var p = $.inArray(id, this.selection),
	a_pre = this.selection.slice(0, p),
	a_post = this.selection.slice(p+1, this.selection.length);

	this.selection = a_pre.concat(a_post);
	- $(this.rows[id].obj).removeClass('selected').removeClass('unfocused').removeAttr('aria-selected');
	+ $(this.rows[id].obj).removeClass('selected').removeAttr('aria-selected');
	if (!norecur && !this.rows[id].expanded)
	this.highlight_children(id, false);
	}
	}
	},


	/**
	* Highlight/unhighlight all childs of the given row
	*/
	highlight_children: function(id, status)
	{
	var i, selected,
	children = this.row_children(id), len = children.length;

	for (i=0; i<len; i++) {
	selected = this.in_selection(children[i]);
	if ((status && !selected) \|\| (!status && selected))
	this.highlight_row(children[i], true, true);
	}
	},


	/**
	* Handler for keyboard events
	*/
	key_press: function(e)
	{
	var target = e.target \|\| {};

	if (this.focused != true \|\| target.nodeName == 'INPUT' \|\| target.nodeName == 'TEXTAREA' \|\| target.nodeName == 'SELECT')
	return true;

	var keyCode = rcube_event.get_keycode(e),
	mod_key = rcube_event.get_modifier(e);

	switch (keyCode) {
	case 40:
	case 38:
	case 63233: // "down", in safari keypress
	case 63232: // "up", in safari keypress
	// Stop propagation so that the browser doesn't scroll
	rcube_event.cancel(e);
	return this.use_arrow_key(keyCode, mod_key);

	case 32:
	rcube_event.cancel(e);
	return this.select_row(this.last_selected, mod_key, true);

	case 37: // Left arrow key
	case 39: // Right arrow key
	// Stop propagation
	rcube_event.cancel(e);
	var ret = this.use_arrow_key(keyCode, mod_key);
	this.key_pressed = keyCode;
	this.modkey = mod_key;
	this.triggerEvent('keypress');
	this.modkey = 0;
	return ret;

	case 36: // Home
	this.select_first(mod_key);
	return rcube_event.cancel(e);

	case 35: // End
	this.select_last(mod_key);
	return rcube_event.cancel(e);

	case 27:
	if (this.drag_active)
	return this.drag_mouse_up(e);

	if (this.col_drag_active) {
	this.selected_column = null;
	return this.column_drag_mouse_up(e);
	}

	return rcube_event.cancel(e);

	default:
	this.key_pressed = keyCode;
	this.modkey = mod_key;
	this.triggerEvent('keypress');
	this.modkey = 0;

	if (this.key_pressed == this.BACKSPACE_KEY)
	return rcube_event.cancel(e);
	}

	return true;
	},


	/**
	* Special handling method for arrow keys
	*/
	use_arrow_key: function(keyCode, mod_key)
	{
	var new_row,
	selected_row = this.rows[this.last_selected];

	// Safari uses the nonstandard keycodes 63232/63233 for up/down, if we're
	// using the keypress event (but not the keydown or keyup event).
	if (keyCode == 40 \|\| keyCode == 63233) // down arrow key pressed
	new_row = this.get_next_row();
	else if (keyCode == 38 \|\| keyCode == 63232) // up arrow key pressed
	new_row = this.get_prev_row();
	else {
	if (!selected_row \|\| !selected_row.has_children)
	return;

	// expand
	if (keyCode == 39) {
	if (selected_row.expanded)
	return;

	if (mod_key == CONTROL_KEY \|\| this.multiexpand)
	this.expand_all(selected_row);
	else
	this.expand(selected_row);
	}
	// collapse
	else {
	if (!selected_row.expanded)
	return;

	if (mod_key == CONTROL_KEY \|\| this.multiexpand)
	this.collapse_all(selected_row);
	else
	this.collapse(selected_row);
	}

	this.update_expando(selected_row.id, selected_row.expanded);

	return false;
	}

	if (new_row) {
	// simulate ctr-key if no rows are selected
	if (!mod_key && !this.selection.length)
	mod_key = CONTROL_KEY;

	this.select_row(new_row.uid, mod_key, false);
	this.scrollto(new_row.uid);
	}
	else if (!new_row && !selected_row) {
	// select the first row if none selected yet
	this.select_first(CONTROL_KEY);
	}

	return false;
	},


	/**
	* Try to scroll the list to make the specified row visible
	*/
	scrollto: function(id)
	{
	var row = this.rows[id].obj;
	if (row && this.frame) {
	var scroll_to = Number(row.offsetTop),
	head_offset = 0;

	// expand thread if target row is hidden (collapsed)
	if (!scroll_to && this.rows[id].parent_uid) {
	var parent = this.find_root(this.rows[id].uid);
	this.expand_all(this.rows[parent]);
	scroll_to = Number(row.offsetTop);
	}

	if (this.fixed_header)
	head_offset = Number(this.thead.offsetHeight);

	// if row is above the frame (or behind header)
	if (scroll_to < Number(this.frame.scrollTop) + head_offset) {
	// scroll window so that row isn't behind header
	this.frame.scrollTop = scroll_to - head_offset;
	}
	else if (scroll_to + Number(row.offsetHeight) > Number(this.frame.scrollTop) + Number(this.frame.offsetHeight))
	this.frame.scrollTop = (scroll_to + Number(row.offsetHeight)) - Number(this.frame.offsetHeight);
	}
	},


	/**
	* Handler for mouse move events
	*/
	drag_mouse_move: function(e)
	{
	// convert touch event
	if (e.type == 'touchmove') {
	if (e.touches.length == 1 && e.changedTouches.length == 1)
	e = rcube_event.touchevent(e.changedTouches[0]);
	else
	return rcube_event.cancel(e);
	}

	if (this.drag_start) {
	// check mouse movement, of less than 3 pixels, don't start dragging
	var m = rcube_event.get_mouse_pos(e),
	limit = 10, selection = [], self = this;

	if (!this.drag_mouse_start \|\| (Math.abs(m.x - this.drag_mouse_start.x) < 3 && Math.abs(m.y - this.drag_mouse_start.y) < 3))
	return false;

	// remember dragging start position
	this.drag_start_pos = {left: m.x, top: m.y};

	// initialize drag layer
	if (!this.draglayer)
	this.draglayer = $('<div>').attr('id', 'rcmdraglayer')
	.css({position: 'absolute', display: 'none', 'z-index': 2000})
	.appendTo(document.body);
	else
	this.draglayer.html('');

	// get selected rows (in display order), don't use this.selection here
	$(this.row_tagname() + '.selected', this.tbody).each(function() {
	var uid = self.get_row_uid(this), row = self.rows[uid];

	if (!row \|\| $.inArray(uid, selection) > -1)
	return;

	selection.push(uid);

	// also handle children of (collapsed) trees for dragging (they might be not selected)
	if (row.has_children && !row.expanded)
	$.each(self.row_children(uid), function() {
	if ($.inArray(this, selection) > -1)
	return;
	selection.push(this);
	});

	// break the loop asap
	if (selection.length > limit + 1)
	return false;
	});

	// append subject (of every row up to the limit) to the drag layer
	$.each(selection, function(i, uid) {
	if (i > limit) {
	self.draglayer.append('...');
	return false;
	}

	$('> ' + self.col_tagname(), self.rows[uid].obj).each(function(n, cell) {
	if (self.subject_col < 0 \|\| (self.subject_col >= 0 && self.subject_col == n)) {
	var subject = $(cell).text();

	if (subject) {
	// remove leading spaces
	subject = $.trim(subject);
	// truncate line to 50 characters
	subject = (subject.length > 50 ? subject.substring(0, 50) + '...' : subject);

	self.draglayer.append($('<div>').text(subject));
	return false;
	}
	}
	});
	});

	this.draglayer.show();
	this.drag_active = true;
	this.triggerEvent('dragstart');
	}

	if (this.drag_active && this.draglayer) {
	var pos = rcube_event.get_mouse_pos(e);
	this.draglayer.css({ left:(pos.x+20)+'px', top:(pos.y-5 + (bw.ie ? document.documentElement.scrollTop : 0))+'px' });
	this.triggerEvent('dragmove', e?e:window.event);
	}

	this.drag_start = false;

	return false;
	},


	/**
	* Handler for mouse up events
	*/
	drag_mouse_up: function(e)
	{
	document.onmousemove = null;

	if (e.type == 'touchend') {
	if (e.changedTouches.length != 1)
	return rcube_event.cancel(e);
	}

	if (this.draglayer && this.draglayer.is(':visible')) {
	if (this.drag_start_pos)
	this.draglayer.animate(this.drag_start_pos, 300, 'swing').hide(20);
	else
	this.draglayer.hide();
	}

	if (this.drag_active)
	this.focus();
	this.drag_active = false;

	rcube_event.remove_listener({event:'mousemove', object:this, method:'drag_mouse_move'});
	rcube_event.remove_listener({event:'mouseup', object:this, method:'drag_mouse_up'});

	if (bw.touch) {
	rcube_event.remove_listener({event:'touchmove', object:this, method:'drag_mouse_move'});
	rcube_event.remove_listener({event:'touchend', object:this, method:'drag_mouse_up'});
	}

	// remove temp divs
	this.del_dragfix();

	this.triggerEvent('dragend', e);

	return rcube_event.cancel(e);
	},


	/**
	* Handler for mouse move events for dragging list column
	*/
	column_drag_mouse_move: function(e)
	{
	if (this.drag_start) {
	// check mouse movement, of less than 3 pixels, don't start dragging
	var i, m = rcube_event.get_mouse_pos(e);

	if (!this.drag_mouse_start \|\| (Math.abs(m.x - this.drag_mouse_start.x) < 3 && Math.abs(m.y - this.drag_mouse_start.y) < 3))
	return false;

	if (!this.col_draglayer) {
	var lpos = $(this.list).offset(),
	cells = this.thead.rows[0].cells;

	// fix layer position when list is scrolled
	lpos.top += this.list.scrollTop + this.list.parentNode.scrollTop;

	// create dragging layer
	this.col_draglayer = $('<div>').attr('id', 'rcmcoldraglayer')
	.css(lpos).css({ position:'absolute', 'z-index':2001,
	'background-color':'white', opacity:0.75,
	height: (this.frame.offsetHeight-2)+'px', width: (this.frame.offsetWidth-2)+'px' })
	.appendTo(document.body)
	// ... and column position indicator
	.append($('<div>').attr('id', 'rcmcolumnindicator')
	.css({ position:'absolute', 'border-right':'2px dotted #555',
	'z-index':2002, height: (this.frame.offsetHeight-2)+'px' }));

	this.cols = [];
	this.list_pos = this.list_min_pos = lpos.left;
	// save columns positions
	for (i=0; i<cells.length; i++) {
	this.cols[i] = cells[i].offsetWidth;
	if (this.column_fixed !== null && i <= this.column_fixed) {
	this.list_min_pos += this.cols[i];
	}
	}
	}

	this.col_draglayer.show();
	this.col_drag_active = true;
	this.triggerEvent('column_dragstart');
	}

	// set column indicator position
	if (this.col_drag_active && this.col_draglayer) {
	var i, cpos = 0, pos = rcube_event.get_mouse_pos(e);

	for (i=0; i<this.cols.length; i++) {
	if (pos.x >= this.cols[i]/2 + this.list_pos + cpos)
	cpos += this.cols[i];
	else
	break;
	}

	// handle fixed columns on left
	if (i == 0 && this.list_min_pos > pos.x)
	cpos = this.list_min_pos - this.list_pos;
	// empty list needs some assignment
	else if (!this.list.rowcount && i == this.cols.length)
	cpos -= 2;
	$('#rcmcolumnindicator').css({ width: cpos+'px'});
	this.triggerEvent('column_dragmove', e?e:window.event);
	}

	this.drag_start = false;

	return false;
	},


	/**
	* Handler for mouse up events for dragging list columns
	*/
	column_drag_mouse_up: function(e)
	{
	document.onmousemove = null;

	if (this.col_draglayer) {
	(this.col_draglayer).remove();
	this.col_draglayer = null;
	}

	if (this.col_drag_active)
	this.focus();
	this.col_drag_active = false;

	rcube_event.remove_listener({event:'mousemove', object:this, method:'column_drag_mouse_move'});
	rcube_event.remove_listener({event:'mouseup', object:this, method:'column_drag_mouse_up'});
	// remove temp divs
	this.del_dragfix();

	if (this.selected_column !== null && this.cols && this.cols.length) {
	var i, cpos = 0, pos = rcube_event.get_mouse_pos(e);

	// find destination position
	for (i=0; i<this.cols.length; i++) {
	if (pos.x >= this.cols[i]/2 + this.list_pos + cpos)
	cpos += this.cols[i];
	else
	break;
	}

	if (i != this.selected_column && i != this.selected_column+1) {
	this.column_replace(this.selected_column, i);
	}
	}

	this.triggerEvent('column_dragend', e);

	return rcube_event.cancel(e);
	},


	/**
	* Returns IDs of all rows in a thread (except root) for specified root
	*/
	row_children: function(uid)
	{
	if (!this.rows[uid] \|\| !this.rows[uid].has_children)
	return [];

	var res = [], depth = this.rows[uid].depth,
	row = this.rows[uid].obj.nextSibling;

	while (row) {
	if (row.nodeType == 1) {
	if (r = this.rows[row.uid]) {
	if (!r.depth \|\| r.depth <= depth)
	break;
	res.push(r.uid);
	}
	}
	row = row.nextSibling;
	}

	return res;
	},


	/**
	* Creates a layer for drag&drop over iframes
	*/
	add_dragfix: function()
	{
	$('iframe').each(function() {
	$('<div class="iframe-dragdrop-fix"></div>')
	.css({background: '#fff',
	width: this.offsetWidth+'px', height: this.offsetHeight+'px',
	position: 'absolute', opacity: '0.001', zIndex: 1000
	})
	.css($(this).offset())
	.appendTo(document.body);
	});
	},


	/**
	* Removes the layer for drag&drop over iframes
	*/
	del_dragfix: function()
	{
	$('div.iframe-dragdrop-fix').remove();
	},


	/**
	* Replaces two columns
	*/
	column_replace: function(from, to)
	{
	// only supported for <table> lists
	if (!this.thead \|\| !this.thead.rows)
	return;

	var len, cells = this.thead.rows[0].cells,
	elem = cells[from],
	before = cells[to],
	td = document.createElement('td');

	// replace header cells
	if (before)
	cells[0].parentNode.insertBefore(td, before);
	else
	cells[0].parentNode.appendChild(td);
	cells[0].parentNode.replaceChild(elem, td);

	// replace list cells
	for (r=0, len=this.tbody.rows.length; r<len; r++) {
	row = this.tbody.rows[r];

	elem = row.cells[from];
	before = row.cells[to];
	td = document.createElement('td');

	if (before)
	row.insertBefore(td, before);
	else
	row.appendChild(td);
	row.replaceChild(elem, td);
	}

	// update subject column position
	if (this.subject_col == from)
	this.subject_col = to > from ? to - 1 : to;
	else if (this.subject_col < from && to <= this.subject_col)
	this.subject_col++;
	else if (this.subject_col > from && to >= this.subject_col)
	this.subject_col--;

	if (this.fixed_header)
	this.init_header();

	this.triggerEvent('column_replace');
	}

	};

	rcube_list_widget.prototype.addEventListener = rcube_event_engine.prototype.addEventListener;
	rcube_list_widget.prototype.removeEventListener = rcube_event_engine.prototype.removeEventListener;
	rcube_list_widget.prototype.triggerEvent = rcube_event_engine.prototype.triggerEvent;
	diff --git a/skins/classic/mail.css b/skins/classic/mail.css
	index 43a658b7c..0a4653a3a 100644
	--- a/skins/classic/mail.css
	+++ b/skins/classic/mail.css
	@@ -1,1886 +1,1880 @@
	/*** Roundcube\|Mail mail task styles ***/


	#messagetoolbar
	{
	position: absolute;
	top: 47px;
	left: 205px;
	right: 10px;
	height: 35px;
	min-width: 650px;
	white-space: nowrap;
	/* border: 1px solid #cccccc; */
	}

	.extwin #messagetoolbar
	{
	top: 5px;
	left: 20px;
	}

	#messagetoolbar a,
	#messagetoolbar select
	{
	display: block;
	float: left;
	padding-right: 10px;
	}

	#messagetoolbar a.button,
	#messagetoolbar a.buttonPas {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0 5px;
	overflow: hidden;
	background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
	opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
	}

	#messagetoolbar a.buttonPas {
	opacity: 0.35;
	}

	#messagetoolbar a.button.selected {
	background-color: #ddd;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: -1px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

	#messagetoolbar a.checkmailSel {
	background-position: 0 -32px;
	}

	#messagetoolbar a.back {
	background-position: -32px 0;
	}

	#messagetoolbar a.backSel {
	background-position: -32px -32px;
	}

	#messagetoolbar a.compose {
	background-position: -64px 0;
	}

	#messagetoolbar a.composeSel {
	background-position: -64px -32px;
	}

	#messagetoolbar a.reply {
	background-position: -96px 0;
	}

	#messagetoolbar a.replySel {
	background-position: -96px -32px;
	}

	#messagetoolbar a.replyAll {
	background-position: -128px 0;
	}

	#messagetoolbar a.replyAllSel {
	background-position: -128px -32px;
	}

	#messagetoolbar a.forward {
	background-position: -160px 0;
	}

	#messagetoolbar a.forwardSel {
	background-position: -160px -32px;
	}

	#messagetoolbar a.delete {
	background-position: -192px 0;
	}

	#messagetoolbar a.deleteSel {
	background-position: -192px -32px;
	}

	#messagetoolbar a.print {
	background-position: -256px 0;
	}

	#messagetoolbar a.printSel {
	background-position: -256px -32px;
	}

	#messagetoolbar a.markmessage {
	background-position: -288px 0;
	}

	#messagetoolbar a.messagemenu {
	background-position: -320px 0;
	width: 34px;
	}

	#messagetoolbar a.spellcheck {
	background-position: -418px 0;
	}

	#messagetoolbar a.spellcheckSel {
	background-position: -418px -32px;
	}

	#messagetoolbar a.attach {
	background-position: -386px 0;
	}

	#messagetoolbar a.attachSel {
	background-position: -386px -32px;
	}

	#messagetoolbar a.insertsig {
	background-position: -482px 0;
	}

	#messagetoolbar a.insertsigSel {
	background-position: -482px -32px;
	}

	#messagetoolbar a.savedraft {
	background-position: -354px 0;
	}

	#messagetoolbar a.savedraftSel {
	background-position: -354px -32px;
	}

	#messagetoolbar a.send {
	background-position: -450px 0;
	}

	#messagetoolbar a.sendSel {
	background-position: -450px -32px;
	}

	#messagetoolbar a.move {
	background-position: -580px 0;
	}

	#messagetoolbar a.moveSel {
	background-position: -580px -32px;
	}

	#messagetoolbar a.download {
	background-position: -480px 0;
	}

	#messagetoolbar a.downloadSel {
	background-position: -480px -32px;
	}

	#messagetoolbar a.responses {
	background-position: -548px 0;
	}

	#messagemenu li a.active:hover,
	#attachmentmenu li a.active:hover,
	#markmessagemenu li a.active:hover
	{
	color: #fff;
	background-color: #c00;
	}

	#messagemenu li a,
	#attachmentmenu li a
	{
	background: url(images/messageactions.png) no-repeat 7px 0;
	background-position: 7px 20px;
	}

	#messagemenu li a.printlink
	{
	background-position: 7px 1px;
	}

	#messagemenu li a.downloadlink,
	#attachmentmenu li a.downloadlink
	{
	background-position: 7px -17px;
	}

	#messagemenu li a.sourcelink
	{
	background-position: 7px -35px;
	}

	#messagemenu li a.openlink,
	#attachmentmenu li a.openlink
	{
	background-position: 7px -52px;
	}

	#messagemenu li a.editlink
	{
	background-position: 6px -70px;
	}

	#messagemenu li a.movelink
	{
	background-position: 6px -161px;
	}

	#messagemenu li a.copylink
	{
	background-position: 6px -143px;
	}

	#markmessagemenu li a,
	#compose-attachments li a
	{
	background: url(images/messageicons.png) no-repeat;
	}

	#markmessagemenu li a.readlink
	{
	background-position: 7px -51px;
	}

	#markmessagemenu li a.unreadlink
	{
	background-position: 7px -119px;
	}

	#markmessagemenu li a.flaggedlink
	{
	background-position: 7px -153px;
	}

	#markmessagemenu li a.unflaggedlink
	{
	background-position: 7px -136px;
	}

	#searchfilter
	{
	white-space: nowrap;
	position: absolute;
	right: 198px;
	vertical-align: middle;
	}

	#searchfilter label
	{
	font-size: 11px;
	}

	#mailleftcontainer
	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 160px;
	}

	#mailrightcontainer
	{
	position: absolute;
	top: 0;
	left: 170px;
	bottom: 0;
	right: 0;
	min-width: 600px;
	}

	#mailrightcontent
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}

	#messagepartcontainer
	{
	position: absolute;
	top: 0;
	left: 170px;
	right: 0;
	bottom: 0;
	}

	#messagepartheader
	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 160px;
	border: 1px solid #999999;
	background-color: #F9F9F9;
	overflow: hidden;
	}

	#messagepartheader table
	{
	width: 100%;
	table-layout: fixed;
	}

	#messagepartheader table td
	{
	text-overflow: ellipsis;
	}

	#messagepartheader table td.title
	{
	width: 60px;
	}

	#mailcontframe
	{
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	border: 1px solid #999999;
	background-color: #F9F9F9;
	overflow: hidden;
	}

	#mailpreviewframe
	{
	position: absolute;
	width: 100%;
	top: 205px;
	bottom: 0px;
	border: 1px solid #999999;
	background-color: #F9F9F9;
	}

	#messagecontframe
	{
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%; /* Chrome 14 bug */
	}

	#messagepartframe
	{
	width: 100%;
	height: 100%;
	min-height: 100%; /* Chrome 14 bug */
	border: 1px solid #999999;
	background-color: #fff;
	}


	/** mailbox list styles */

	#mailboxlist-container
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	border: 1px solid #999;
	background-color: #F9F9F9;
	}

	#mailboxlist
	{
	position:relative;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	overflow: hidden;
	white-space: nowrap;
	background-color: #FFF;
	}

	#mailboxlist li
	{
	display: block;
	position: relative;
	font-size: 11px;
	border-bottom: 1px solid #EBEBEB;
	}

	#mailboxlist li ul li:last-child
	{
	border-bottom: 0 none;
	}

	#mailboxlist li.inbox a
	{
	background-position: 5px -18px;
	}

	#mailboxlist li.drafts a
	{
	background-position: 5px -37px;
	}

	#mailboxlist li.sent a
	{
	background-position: 5px -54px;
	}

	#mailboxlist li.junk a
	{
	background-position: 5px -73px;
	}

	#mailboxlist li.trash a
	{
	background-position: 5px -180px;
	}

	#mailboxlist li.trash.empty a
	{
	background-position: 5px -90px;
	}

	#mailboxlist li a
	{
	cursor: default;
	display: block;
	position: relative;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	height: 15px;
	background: url(images/icons/folders.png) 5px 0 no-repeat;
	}

	#mailboxlist li.unread
	{
	font-weight: bold;
	}

	#mailboxlist li.virtual > a
	{
	color: #666;
	}

	#mailboxlist li.recent > a
	{
	color: #0066FF;
	}

	#mailboxlist li.selected,
	#mailboxlist li.droptarget li.selected
	{
	background-color: #929292;
	}

	#mailboxlist li.selected > a,
	#mailboxlist li.droptarget li.selected a
	{
	color: #FFF;
	font-weight: bold;
	}

	#mailboxlist li.droptarget
	{
	background-color: #FFFFA6;
	}

	/* styles for nested folders */
	#mailboxlist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #EBEBEB;
	background-color: #FFF;
	font-weight: normal;
	}

	#mailboxlist li.mailbox ul li a {
	padding-left: 40px; /* 24 + 1 x 16 */
	background-position: 20px 0; /* 4 + 1 x 16 */
	}
	#mailboxlist li.mailbox ul li div.treetoggle {
	left: 23px !important;
	}

	#mailboxlist li.mailbox ul ul li.mailbox a {
	padding-left: 56px; /* 2x */
	background-position: 36px 0;
	}
	#mailboxlist li.mailbox ul ul li div.treetoggle {
	left: 39px !important;
	}

	#mailboxlist li.mailbox ul ul ul li.mailbox a {
	padding-left: 72px; /* 3x */
	background-position: 52px 0;
	}
	#mailboxlist li.mailbox ul ul ul li div.treetoggle {
	left: 55px !important;
	}

	#mailboxlist li.mailbox ul ul ul ul li.mailbox a {
	padding-left: 88px; /* 4x */
	background-position: 68px 0;
	}
	#mailboxlist li.mailbox ul ul ul ul li div.treetoggle {
	left: 71px !important;
	}

	/* indent folders on levels > 4 */
	#mailboxlist li.mailbox ul ul ul ul ul li {
	padding-left: 16px;
	}
	#mailboxlist li.mailbox ul ul ul ul ul li div.treetoggle {
	left: 87px !important;
	}

	#mailboxlist li.mailbox ul li.drafts a
	{
	background-position: 21px -37px;
	}

	#mailboxlist li.mailbox ul li.sent a
	{
	background-position: 21px -54px;
	}

	#mailboxlist li.mailbox ul li.junk a
	{
	background-position: 21px -73px;
	}

	#mailboxlist li.mailbox ul li.trash a
	{
	background-position: 21px -180px;
	}

	#mailboxlist li.mailbox ul li.trash.empty a
	{
	background-position: 21px -90px;
	}

	#listcontrols
	{
	position: relative;
	white-space: nowrap;
	line-height: 22px;
	padding: 0 4px;
	width: auto;
	min-width: 300px;
	}

	#listcontrols a,
	#listcontrols span
	{
	display: block;
	float: left;
	font-size: 11px;
	}

	#listcontrols span input
	{
	vertical-align: middle;
	}

	#listcontrols a.button,
	#listcontrols a.buttonPas
	{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	padding: 0;
	margin-top: 4px;
	margin-right: 2px;
	overflow: hidden;
	background: url(images/mail_footer.png) 0 0 no-repeat transparent;
	opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
	}

	#listcontrols a.buttonPas
	{
	opacity: 0.35;
	}

	#listcontrols a.all {
	background-position: -30px 0;
	}

	#listcontrols a.allsel {
	background-position: -30px -15px;
	}

	#listcontrols a.page {
	background-position: -135px 0;
	}

	#listcontrols a.pagesel {
	background-position: -135px -15px;
	}

	#listcontrols a.unread {
	background-position: -45px 0;
	}

	#listcontrols a.unreadsel {
	background-position: -45px -15px;
	}

	#listcontrols a.invert {
	background-position: -60px 0;
	}

	#listcontrols a.invertsel {
	background-position: -60px -15px;
	}

	#listcontrols a.none {
	background-position: -75px 0;
	}

	#listcontrols a.nonesel {
	background-position: -75px -15px;
	}

	#listcontrols a.expand-all {
	background-position: -90px 0;
	}

	#listcontrols a.expand-allsel {
	background-position: -90px -15px;
	}

	#listcontrols a.collapse-all {
	background-position: -105px 0;
	}

	#listcontrols a.collapse-allsel {
	background-position: -105px -15px;
	}

	#listcontrols a.expand-unread {
	background-position: -120px 0;
	}

	#listcontrols a.expand-unreadsel {
	background-position: -120px -15px;
	}

	#countcontrols
	{
	position: absolute;
	top: 4px;
	right: 4px;
	white-space: nowrap;
	font-size: 11px;
	}

	#countcontrols a.button,
	#countcontrols a.buttonPas
	{
	float: right;
	}


	/** message list styles */

	body.messagelist
	{
	margin: 0px;
	background-color: #F9F9F9;
	}

	table.messagelist
	{
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	z-index: 1;
	}

	table.messagelist.fixedcopy
	{
	z-index: 2;
	}

	.messagelist thead tr td
	{
	height: 20px;
	padding: 0 4px 0 2px;
	vertical-align: middle;
	border-bottom: 1px solid #999999;
	color: #333333;
	background: url(images/listheader.gif) top left repeat-x #CCC;
	font-size: 11px;
	font-weight: bold;
	}

	.messagelist thead tr td.sortedASC,
	.messagelist thead tr td.sortedDESC
	{
	background-position: 0 -26px;
	}

	.messagelist thead tr td.sortedASC a
	{
	background: url(images/icons/sort.gif) right 0 no-repeat;
	}

	.messagelist thead tr td.sortedDESC a
	{
	background: url(images/icons/sort.gif) right -14px no-repeat;
	}

	.messagelist thead tr td a
	{
	display: block;
	width: auto !important;
	width: 100%;
	color: #333333;
	text-decoration: none;
	}

	.messagelist thead tr td.size.sortedASC a,
	.messagelist thead tr td.size.sortedDESC a
	{
	padding-right: 18px;
	}

	.messagelist thead tr td.subject
	{
	padding-left: 18px;
	width: 99%;
	}

	.messagelist tbody tr td
	{
	height: 20px;
	padding: 0;
	font-size: 11px;
	overflow: hidden;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	border-bottom: 1px solid #EBEBEB;
	cursor: default;
	}

	.messagelist tbody tr td a
	{
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	cursor: inherit;
	}

	.messagelist td img
	{
	vertical-align: middle;
	display: inline-block;
	}

	.messagelist tbody tr td.flag,
	.messagelist tbody tr td.status,
	.messagelist tbody tr td.subject span.status
	{
	cursor: pointer;
	}

	.messagelist tr td.flag span,
	.messagelist tr td.status span,
	.messagelist tr td.attachment span,
	.messagelist tr td.priority span
	{
	display: block;
	width: 15px;
	}

	.messagelist tr td div.collapsed,
	.messagelist tr td div.expanded,
	.messagelist tr td.threads .listmenu,
	.messagelist tr td.attachment span.attachment,
	.messagelist tr td.attachment span.report,
	.messagelist tr td.priority span.priority,
	.messagelist tr td.priority span.prio1,
	.messagelist tr td.priority span.prio2,
	.messagelist tr td.priority span.prio3,
	.messagelist tr td.priority span.prio4,
	.messagelist tr td.priority span.prio5,
	.messagelist tr td.flag span.flagged,
	.messagelist tr td.flag span.unflagged,
	.messagelist tr td.flag span.unflagged:hover,
	.messagelist tr td.status span.status,
	.messagelist tr td.status span.msgicon,
	.messagelist tr td.status span.deleted,
	.messagelist tr td.status span.unread,
	.messagelist tr td.status span.unreadchildren,
	.messagelist tr td.subject span.msgicon,
	.messagelist tr td.subject span.deleted,
	.messagelist tr td.subject span.unread,
	.messagelist tr td.subject span.replied,
	.messagelist tr td.subject span.forwarded,
	.messagelist tr td.subject span.unreadchildren
	{
	display: inline-block;
	vertical-align: middle;
	height: 17px;
	width: 15px;
	background: url(images/messageicons.png) center no-repeat;
	}

	.messagelist tr td.attachment span.attachment
	{
	background-position: 0 -170px;
	}

	.messagelist tr td.attachment span.report
	{
	background-position: 0 -255px;
	}

	.messagelist tr td.priority span.priority
	{
	background-position: 0 -309px;
	}

	.messagelist tr td.priority span.prio5
	{
	background-position: 0 -358px;
	}

	.messagelist tr td.priority span.prio4
	{
	background-position: 0 -340px;
	}

	.messagelist tr td.priority span.prio3
	{
	background-position: 0 -324px;
	}

	.messagelist tr td.priority span.prio2
	{
	background-position: 0 -309px;
	}

	.messagelist tr td.priority span.prio1
	{
	background-position: 0 -290px;
	}

	.messagelist tr td.flag span.flagged
	{
	background-position: 0 -153px;
	}

	.messagelist tr td.flag span.unflagged:hover
	{
	background-position: 0 -136px;
	}

	.messagelist tr td.subject span.msgicon,
	.messagelist tr td.subject span.unreadchildren
	{
	background-position: 0 -51px;
	margin: 0 2px;
	}

	.messagelist tr td.subject span.replied
	{
	background-position: 0 -85px;
	}

	.messagelist tr td.subject span.forwarded
	{
	background-position: 0 -68px;
	}

	.messagelist tr td.subject span.replied.forwarded
	{
	background-position: 0 -102px;
	}

	.messagelist tr td.status span.msgicon,
	.messagelist tr td.flag span.unflagged,
	.messagelist tr td.status span.unreadchildren
	{
	background-position: 0 17px; /* no icon */
	}

	.messagelist tr td.status span.msgicon:hover
	{
	background-position: 0 -272px;
	}

	.messagelist tr td.status span.deleted,
	.messagelist tr td.subject span.deleted
	{
	background-position: 0 -187px;
	}

	.messagelist tr td.status span.status,
	.messagelist tr td.status span.unread,
	.messagelist tr td.subject span.unread
	{
	background-position: 0 -119px;
	}

	.messagelist tr td div.collapsed
	{
	background-position: 0 -221px;
	cursor: pointer;
	}

	.messagelist tr td div.expanded
	{
	background-position: 0 -204px;
	cursor: pointer;
	}

	.messagelist tr td.threads .listmenu
	{
	background-position: 0 -238px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -5000px;
	}

	.messagelist tbody tr td.subject
	{
	width: 99%;
	}

	.messagelist tbody tr td.subject a
	{
	cursor: default;
	vertical-align: middle; /* #1487091 */
	}

	/* thread parent message with unread children */
	.messagelist tbody tr.unroot td.subject a
	{
	text-decoration: underline;
	}

	.messagelist tr td.attachment,
	.messagelist tr td.threads,
	.messagelist tr td.status,
	.messagelist tr td.flag,
	.messagelist tr td.priority
	{
	width: 17px;
	padding: 0 0 0 2px;
	}

	.messagelist tr td.size
	{
	width: 60px;
	text-align: right;
	padding: 0 2px;
	}

	.messagelist tr td.fromto,
	.messagelist tr td.from,
	.messagelist tr td.to,
	.messagelist tr td.cc,
	.messagelist tr td.replyto
	{
	width: 180px;
	padding: 0 2px;
	}

	.messagelist tr td.date
	{
	width: 135px;
	padding: 0 2px;
	}

	.messagelist tr td.folder
	{
	width: 135px;
	}

	.messagelist tr td.hidden
	{
	display: none;
	}

	.messagelist tr.message
	{
	background-color: #FFF;
	}

	.messagelist tr.unread
	{
	font-weight: bold;
	background-color: #FFFFFF;
	}

	.messagelist tr.flagged td,
	.messagelist tr.flagged td a
	{
	color: #CC0000;
	}

	/* This padding-left minus the focused padding left should be half of the focused border-left */
	.messagelist thead tr td:first-child,
	.messagelist tbody tr td:first-child {
	border-left: 0;
	padding-left: 6px;
	}

	/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
	.messagelist tbody tr.focused > td:first-child {
	border-left: 4px solid #d4d4d4;
	padding-left: 4px;
	}

	.messagelist tbody tr.selected.focused > td:first-child {
	border-left: 2px solid #ccc;
	padding-left: 5px;
	}

	.messagelist tr.selected td
	-{
	- color: #FFFFFF;
	- background-color: #CC3333;
	-}
	-
	-.messagelist tr.unfocused td
	{
	color: #FFFFFF;
	background-color: #929292;
	}

	-.messagelist tr.selected td a
	+.messagelist.focus tr.selected td
	{
	- color: #FFFFFF;
	+ background-color: #CC3333;
	}

	-.messagelist tr.unfocused td a
	+.messagelist tr.selected td a
	{
	color: #FFFFFF;
	}

	.messagelist tr.deleted td,
	.messagelist tr.deleted td a
	{
	color: #CCCCCC;
	}

	#listmenu
	{
	padding: 6px;
	max-height: none;
	}

	#listmenu legend
	{
	color: #999999;
	}

	#listmenu fieldset
	{
	border: 1px solid #999999;
	margin: 0 5px;
	float: left;
	}

	#listmenu div
	{
	padding: 8px 0 3px 0;
	text-align: center;
	clear: both;
	}

	/*** tree indicators ***/

	td span.branch div
	{
	float: left;
	height: 16px;
	}

	td span.branch div.tree
	{
	height: 17px;
	width: 15px;
	background: url(images/tree.gif) 0px 0px no-repeat;
	}

	td span.branch div.l1
	{
	background-position: 0px 0px; /* L */
	}

	td span.branch div.l2
	{
	background-position: -30px 0px; /* \| */
	}

	td span.branch div.l3
	{
	background-position: -15px 0px; /* \|- */
	}


	/** message view styles */

	#messageframe
	{
	position: absolute;
	top: 0;
	left: 180px;
	right: 0;
	bottom: 0;
	border: 1px solid #999;
	background-color: #FFF;
	overflow: auto;
	z-index: 1;
	}

	.extwin #messageframe
	{
	left: 0;
	}

	div.messageheaderbox
	{
	margin: -14px 8px 0px 8px;
	border: 1px solid #ccc;
	}

	table.headers-table
	{
	width: 100%;
	background-color: #EBEBEB;
	}

	#messagebody #full-headers,
	#messagebody table.headers-table
	{
	width: auto;
	margin: 6px 8px;
	background-color: #F4F4F4;
	}

	#messagebody table.headers-table
	{
	margin: 16px 6px 6px 6px;
	}

	div.message-partheaders + div.message-part
	{
	border-top: 0;
	padding-top: 4px;
	}

	table.headers-table tr td
	{
	font-size: 11px;
	border-bottom:1px solid #FFFFFF;
	}

	table.headers-table tr td.header-title
	{
	width: 1%;
	color: #666666;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	padding: 0 4px 0 8px;
	}

	table.headers-table tr td.header
	{
	width: 99%;
	}

	table.headers-table tr td.subject
	{
	font-weight: bold;
	}

	table.headers-table tr td.header span
	{
	white-space: nowrap;
	}

	#attachment-list
	{
	margin: 0;
	padding: 0 4px 0 8px;
	min-height: 16px;
	list-style-image: none;
	list-style-type: none;
	background: url(images/icons/attachment.png) 4px 2px no-repeat #DFDFDF;
	}

	#messageframe #attachment-list
	{
	border-bottom: 1px solid #ccc;
	}

	.messageheaderbox #attachment-list
	{
	border-top: 1px solid #ccc;
	}

	#attachment-list:after
	{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

	#attachment-list li
	{
	float: left;
	height: 18px;
	font-size: 11px;
	padding: 2px 0px 0px 15px;
	white-space: nowrap;
	}

	#attachment-list li a
	{
	text-decoration: none;
	}

	#attachment-list li a:hover
	{
	text-decoration: underline;
	}

	#attachment-list li a.drop {
	background: url(images/icons/down_small.gif) no-repeat center 6px;
	width: 12px;
	height: 7px;
	cursor: pointer;
	padding: 5px 0 0;
	margin-left: 3px;
	display: inline-block;
	}

	#messagebody
	{
	position:relative;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	}

	div.message-part,
	div.message-htmlpart
	{
	padding: 10px 8px;
	border-top: 1px solid #ccc;
	/* overflow: hidden; */
	}

	#messagebody div:first-child
	{
	border-top: 0;
	}

	div.message-part a,
	div.message-htmlpart a
	{
	color: #0000CC;
	}

	div.message-part pre,
	div.message-htmlpart pre,
	div.message-part div.pre
	{
	margin: 0px;
	padding: 0px;
	font-family: monospace;
	font-size: 12px;
	white-space: -moz-pre-wrap !important;
	white-space: pre-wrap !important;
	white-space: pre;
	}

	div.message-part span.sig
	{
	color: #666666;
	}

	div.message-part blockquote
	{
	color: blue;
	border-left: 2px solid blue;
	border-right: 2px solid blue;
	background-color: #F6F6F6;
	margin: 2px 0px;
	padding: 1px 8px 1px 10px;
	}

	div.message-part blockquote blockquote
	{
	color: green;
	border-left: 2px solid green;
	border-right: 2px solid green;
	}

	div.message-part blockquote blockquote blockquote
	{
	color: #990000;
	border-left: 2px solid #bb0000;
	border-right: 2px solid #bb0000;
	}

	body.iframe div.message-htmlpart
	{
	margin: 8px;
	}

	div.message-htmlpart div.rcmBody
	{
	margin: 8px;
	}

	#messagebody span.part-notice
	{
	display: block;
	}

	#message-objects div,
	#messagebody span.part-notice
	{
	margin: 8px;
	min-height: 20px;
	padding: 10px 10px 6px 46px;
	}

	#message-objects div a,
	#messagebody span.part-notice a
	{
	color: #666666;
	padding-left: 10px;
	}

	#message-objects div a:hover,
	#messagebody span.part-notice a:hover
	{
	color: #333333;
	}

	#messagebody fieldset.image-attachment {
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 1em 0 1em;
	}

	#messagebody fieldset.image-attachment p > img
	{
	max-width: 80%;
	}

	#messagebody legend.image-filename
	{
	color: #999;
	font-size: 0.9em;
	}

	#messagebody p.image-attachment
	{
	margin: 0 1em;
	padding: 1em;
	border-top: 1px solid #ccc;
	}

	#messagebody p.image-attachment a.image-link
	{
	float: left;
	margin-right: 2em;
	min-width: 160px;
	min-height: 60px;
	text-align: center;
	}

	#messagebody p.image-attachment .image-filename
	{
	display: block;
	font-weight: bold;
	line-height: 1.6em;
	}

	#messagebody p.image-attachment .image-filesize
	{
	font-size: 11px;
	padding-right: 1em;
	}

	#messagebody p.image-attachment .attachment-links a
	{
	margin-right: 0.6em;
	color: #cc0000;
	font-size: 11px;
	text-decoration: none;
	}

	#messagebody p.image-attachment .attachment-links a:hover
	{
	text-decoration: underline;
	}

	#messagelinks
	{
	position: absolute;
	top: 8px;
	right: 10px;
	height: 16px;
	text-align: right;
	}

	#messageframe #messagelinks
	{
	top: 2px;
	right: 2px;
	}

	#compose-headers #openextwinlink
	{
	position: absolute;
	height: 15px;
	top: 4px;
	right: 2px;
	}

	#full-headers
	{
	color: #666666;
	text-align: center;
	padding: 2px 6px;
	border-bottom: 1px solid #ccc;
	background-color: #EBEBEB;
	}

	.messageheaderbox #full-headers
	{
	border-bottom: 0;
	}

	div.more-headers
	{
	cursor: pointer;
	height: 8px;
	border-bottom: 0;
	}

	div.show-headers
	{
	background: url(images/icons/down_small.gif) no-repeat center;
	}

	div.hide-headers
	{
	background: url(images/icons/up_small.gif) no-repeat center;
	}

	#headers-source
	{
	margin: 2px 0;
	padding: 0.5em;
	height: 145px;
	background: white;
	overflow: auto;
	font-size: 11px;
	border: 1px solid #CCC;
	display: none;
	text-align: left;
	color: #333;
	}


	/** message compose styles */

	#compose-container
	{
	position: absolute;
	top: 0;
	left: 205px;
	right: 0;
	bottom: 0;
	margin: 0;
	}

	#compose-div
	{
	position: absolute;
	top: 85px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	}

	#compose-body-div
	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 175px;
	border: 1px solid #999;
	}

	#compose-div .boxlistcontent
	{
	bottom: 23px;
	}

	#compose-body
	{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
	font-size: 9pt;
	font-family: monospace;
	resize: none;
	border: none;
	outline: none;
	}

	#compose-body_tbl,
	#compose-body_tbl td
	{
	border: none;
	}

	#compose-body_tbl tr.mceFirst td.mceToolbar
	{
	border-bottom: 1px solid #ccc;
	}

	#compose-headers
	{
	width: 100%;
	}

	#compose-headers td.editfield
	{
	padding-right: 8px;
	width: 95%;
	}

	#compose-headers td.top
	{
	vertical-align: top;
	}

	#compose-headers td.title,
	#compose-subject td.title
	{
	width: 80px !important;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
	color: #666;
	}

	#compose-headers td textarea,
	#compose-headers td input
	{
	resize: none;
	width: 100%;
	border: 1px solid #999;
	}

	#compose-headers td textarea
	{
	height: 32px;
	}

	input.from_address
	{
	width: 80% !important;
	}

	#compose-cc,
	#compose-bcc,
	#compose-replyto,
	#compose-followupto
	{
	display: none;
	}

	#compose-editorfooter
	{
	position: absolute;
	right: 5px;
	bottom: 0;
	text-align: right;
	line-height: 20px;
	}

	#compose-editorfooter label
	{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	}

	#compose-buttons
	{
	position: absolute;
	left: 5px;
	bottom: 1px;
	width: auto;
	}

	#compose-contacts
	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 195px;
	border: 1px solid #999;
	background-color: #F9F9F9;
	}

	#compose-attachments
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #999;
	background-color: #F9F9F9;
	}

	#compose-attachments.droptarget.hover
	{
	background-color: #F0F0EE;
	box-shadow: 0 0 5px 0 #999;
	-moz-box-shadow: 0 0 5px 0 #999;
	-o-box-shadow: 0 0 5px 0 #999;
	}

	#compose-attachments ul
	{
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	list-style-image: none;
	list-style-type: none;
	}

	#compose-attachments ul li
	{
	height: 18px;
	line-height: 16px;
	font-size: 11px;
	padding: 2px 2px 1px 2px;
	border-bottom: 1px solid #EBEBEB;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	}

	#compose-attachments li a
	{
	text-indent: -5000px;
	width: 17px;
	height: 16px;
	padding-bottom: 2px;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	}

	#compose-attachments li img
	{
	vertical-align: middle;
	}

	#compose-attachments li a.delete,
	#compose-attachments li a.cancelupload
	{
	background-position: 0px -392px;
	}

	#compose-attachments li span
	{
	line-height: 18px;
	vertical-align: middle;
	}

	#upload-form,
	#attachment-form
	{
	padding: 6px;
	}

	#upload-form div,
	#attachment-form div
	{
	padding: 2px;
	}

	#upload-form div.buttons,
	#attachment-form div.buttons
	{
	margin-top: 4px;
	}

	#quota
	{
	position: absolute;
	top: 3px;
	right: 8px;
	width: 100px;
	}

	#quotaimg
	{
	position: absolute;
	top: 3px;
	right: 6px;
	z-index: 101;
	}

	/* addressbook in compose - copy from addressbook.css */

	#directorylist
	{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	}

	#directorylist li
	{
	display: block;
	font-size: 11px;
	background: url(images/icons/folders.png) 5px -108px no-repeat;
	border-bottom: 1px solid #EBEBEB;
	white-space: nowrap;
	}

	#directorylist li a
	{
	cursor: default;
	display: block;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	white-space: nowrap;
	height: 15px;
	}

	#directorylist li.selected
	{
	background-color: #929292;
	border-bottom: 1px solid #898989;
	}

	#directorylist li.selected a
	{
	color: #FFF;
	font-weight: bold;
	}

	#contacts-table
	{
	width: 100%;
	table-layout: fixed;
	}

	#contacts-table tbody td
	{
	cursor: default;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	}

	#contacts-table td span.email
	{
	display: inline;
	color: #ccc;
	font-style: italic;
	margin-left: 0.5em;
	}

	#abookcountbar
	{
	margin-top: 4px;
	margin-left: 4px;
	position: absolute;
	margin-right: 5px;
	right: 0;
	}

	#abookactions
	{
	position: absolute;
	text-underline: none;
	}

	#abookactions a
	{
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	width: auto;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	text-shadow: 1px 1px white;
	background: url("images/icons/groupactions.png") no-repeat right -70px;
	}

	#abookactions a.disabled
	{
	color: #999;
	}

	#compose-contacts #quicksearchbar
	{
	top: 2px;
	left: 7px;
	}

	#compose-contacts #directorylist
	{
	width: 100%;
	top: 23px;
	position: absolute;
	border-top: 1px solid #eee;
	}

	#compose-contacts #contacts-table
	{
	top: 45px;
	position: absolute;
	}
	diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css
	index 75dc0d8c3..8350d0a59 100644
	--- a/skins/larry/addressbook.css
	+++ b/skins/larry/addressbook.css
	@@ -1,399 +1,397 @@
	/**
	* Roundcube webmail styles for the Address Book section
	*
	* Copyright (c) 2012, The Roundcube Dev Team
	* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
	*
	* The contents are subject to the Creative Commons Attribution-ShareAlike
	* License. It is allowed to copy, distribute, transmit and to adapt the work
	* by keeping credits to the original autors in the README file.
	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	*/

	#addressview-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	bottom: 0;
	z-index: 2;
	}

	#addressview-right {
	position: absolute;
	top: 0;
	left: 232px;
	right: 0;
	bottom: 0;
	z-index: 3;
	}

	#addressbooktoolbar {
	position: absolute;
	top: -6px;
	left: 0;
	height: 40px;
	white-space: nowrap;
	z-index: 10;
	}

	#directorylistbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	}

	#addresslist {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	bottom: 0;
	}

	#contacts-box {
	position: absolute;
	top: 0;
	left: 292px;
	right: 0;
	bottom: 0;
	}

	#addressview-left #quicksearchbar input {
	width: 156px;
	}

	#directorylist li a,
	#contacts-table .contact td.name {
	background-image: url(images/listicons.png);
	background-position: -100px 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	#directorylist li.addressbook a {
	background-position: 6px -766px;
	}

	#directorylist li.addressbook.selected > a {
	background-position: 6px -791px;
	}

	#directorylist li.addressbook ul.groups li {
	width: 100%;
	}

	#directorylist li.contactgroup a {
	background-position: 32px -1555px;
	}

	#directorylist li.contactgroup.selected a {
	background-position: 32px -1579px;
	}

	#directorylist li.contactgroup input {
	margin-left: 36px;
	}

	#directorylist li.contactsearch a {
	background-position: 6px -1651px;
	}

	#directorylist li.contactsearch.selected a {
	background-position: 6px -1675px;
	}

	#directorylist li.contactsearch input {
	margin-left: 8px;
	}

	#directorylist li.addressbook div.collapsed,
	#directorylist li.addressbook div.expanded {
	top: 15px;
	left: 20px;
	}

	#contacts-table .contact.readonly td {
	font-style: italic;
	}

	#contacts-table td.name {
	width: 95%;
	}

	#contacts-table td.action {
	width: 24px;
	padding: 4px;
	}

	#contacts-table td.action a {
	display: block;
	width: 16px;
	height: 14px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(images/listicons.png) -2px -1180px no-repeat;
	}

	#contacts-table .contact td.name {
	background-position: 6px -1603px;
	}

	#contacts-table .contact.focused td.name {
	background-position: 4px -1603px;
	}

	-#contacts-table .contact.selected td.name,
	-#contacts-table .contact.unfocused td.name {
	+#contacts-table .contact.selected td.name {
	background-position: 6px -1627px;
	font-weight: bold;
	}

	-#contacts-table .contact.selected.focused td.name {
	+#contacts-table.focus .contact.selected.focused td.name {
	background-position: 4px -1627px;
	}

	#contacts-table .group td.name {
	background-position: 6px -1555px;
	}

	#contacts-table .group.focused td.name {
	background-position: 4px -1555px;
	}

	-#contacts-table .group.selected td.name,
	-#contacts-table .group.unfocused td.name {
	+#contacts-table .group.selected td.name {
	background-position: 6px -1579px;
	font-weight: bold;
	}

	-#contacts-table .group.selected.focused td.name {
	+#contacts-table.focus .group.selected.focused td.name {
	background-position: 4px -1579px;
	}

	#addresslist .boxtitle {
	padding-right: 95px;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	#addresslist .boxtitle a.poplink {
	color: #004458;
	font-size: 14px;
	line-height: 12px;
	text-decoration: none;
	}

	#contact-frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	border: 0;
	border-radius: 4px;
	}

	#headerbuttons {
	position: absolute;
	top: 48px;
	right: 10px;
	width: auto;
	z-index: 10;
	}

	#sourcename {
	color: #999;
	font-size: 10px;
	margin: -5px 0 8px 2px;
	}

	#contactphoto {
	float: left;
	margin: 0 18px 20px 0;
	width: 112px;
	}

	#contactpic {
	width: 112px;
	min-height: 112px;
	background: white;
	}

	#contactpic img {
	max-width: 112px;
	visibility: inherit;
	}

	#contactpic.droptarget {
	background-image: url(images/filedrop.png);
	background-position: center;
	background-repeat: no-repeat;
	}

	#contactpic.droptarget.hover {
	background-color: #d9ecf4;
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	}

	#contactpic.droptarget.active img {
	opacity: 0.15;
	}

	#contactpic.droptarget.hover img {
	opacity: 0.05;
	}

	#contacthead {
	border: 0;
	margin: 0 16em 1em 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	}

	form #contacthead {
	margin-right: 0;
	}

	#contacthead .names span.namefield,
	#contacthead .names input {
	font-size: 140%;
	font-weight: bold;
	}

	#contacthead .displayname span.namefield {
	font-size: 120%;
	font-weight: bold;
	}

	#contacthead span.nickname:before,
	#contacthead span.nickname:after {
	content: '"';
	}

	#contacthead input {
	margin-right: 6px;
	margin-bottom: 0.2em;
	}

	#contacthead .names input,
	#contacthead .addnames input {
	width: 180px;
	}

	#contacthead input.ff_prefix,
	#contacthead input.ff_suffix {
	width: 90px;
	}

	.contactfieldgroup {
	border: 0;
	border-radius: 5px;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eee));
	background: -o-linear-gradient(top, #f7f7f7 0%, #eee 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #eee 100%);
	background: linear-gradient(top, #f7f7f7 0%, #eee 100%);
	margin: 0 0 12px 0;
	padding: 8px;
	}

	.contactfieldgroup legend {
	display: block;
	margin: 0 -8px;
	width: 100%;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	padding: 6px 8px 3px 8px;
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d6d6d6));
	background: -o-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%);
	background: linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%);
	border-bottom: 1px solid #cfcfcf;
	border-radius: 5px 5px 0 0;
	}

	.contactfieldgroup .row {
	position: relative;
	margin: 0.2em 0;
	}

	.contactfieldgroup .contactfieldlabel {
	position: absolute;
	top: 0;
	left: 2px;
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	}

	.contactfieldgroup .contactfieldlabel select {
	width: 100%;
	color: #666;
	}

	.contactfieldgroup .contactfieldcontent {
	padding-left: 120px;
	min-height: 1em;
	line-height: 1.3em;
	}

	.contactfieldgroup .contactfield {
	line-height: 1.3em;
	}

	.contactcontrolleraddress .contactfieldcontent input {
	margin-bottom: 0.1em;
	}

	.contactfieldcontent.composite {
	padding-bottom: 8px;
	}

	.contactfieldcontent .contactfieldbutton {
	vertical-align: middle;
	margin-left: 0.5em;
	}

	.contactfield .ff_notes {
	width: 99%;
	}

	a.deletebutton {
	position: relative;
	left: 5px;
	top: -3px;
	display: inline-block;
	width: 24px;
	height: 18px;
	text-decoration: none;
	text-indent: -5000px;
	background: url(images/buttons.png) -7px -377px no-repeat;
	}

	#import-box {
	position: absolute;
	bottom: 0px;
	top: 34px;
	left: 0;
	right: 0;
	overflow: auto;
	padding: 10px;
	}

	#import-box p,
	#import-box .propform {
	max-width: 50em;
	}
	diff --git a/skins/larry/styles.css b/skins/larry/styles.css
	index e1dbeeaa9..a84202800 100644
	--- a/skins/larry/styles.css
	+++ b/skins/larry/styles.css
	@@ -1,2820 +1,2813 @@
	/**
	* Roundcube webmail styles for skin "Larry"
	*
	* Copyright (c) 2012, The Roundcube Dev Team
	* Screendesign by FLINT / BÃ¼ro fÃ¼r Gestaltung, bueroflint.com
	*
	* The contents are subject to the Creative Commons Attribution-ShareAlike
	* License. It is allowed to copy, distribute, transmit and to adapt the work
	* by keeping credits to the original autors in the README file.
	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	*/

	body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: url(images/linen.jpg) repeat #d1d5d8;
	margin: 0;
	}

	body.noscroll {
	/* also avoids bounce effect in Chrome and Safari */
	overflow: hidden;
	}

	a {
	color: #0069a6;
	}

	a:visited {
	color: #0186ba;
	}

	img {
	border: 0;
	}

	.voice {
	display: none;
	}

	input[type="text"],
	input[type="password"],
	textarea {
	margin: 0; /* Safari by default adds a margin */
	padding: 4px;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
	-moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
	-o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="text"]:required,
	input[type="password"]:required,
	input.button:focus,
	textarea:focus {
	border-color: #4787b1;
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	outline: none;
	}

	input.placeholder,
	textarea.placeholder {
	color: #aaa;
	}

	.bold {
	font-weight: bold;
	}

	/* fixes vertical alignment of checkboxes and labels */
	label input,
	label span {
	vertical-align: middle;
	}

	/* buttons */

	input.button {
	display: inline-block;
	margin: 0 2px;
	padding: 2px 5px;
	color: #525252;
	text-shadow: 0px 1px 1px #fff;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	-o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	-moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	text-decoration: none;
	outline: none;
	}

	.formbuttons input.button {
	color: #ddd;
	font-size: 110%;
	text-shadow: 0px 1px 1px #333;
	padding: 4px 12px;
	border-color: #465864;
	border-radius: 5px;
	background: #7a7b7d;
	background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */
	background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */
	box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
	-o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
	-webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
	-moz-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
	}

	.formbuttons input.button:hover,
	.formbuttons input.button:focus,
	input.button.mainaction:hover,
	input.button.mainaction:focus {
	color: #f2f2f2;
	border-color: #465864;
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
	}

	.formbuttons input.button:active {
	color: #fff;
	background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b));
	background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
	background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
	background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
	}

	input.button.mainaction {
	color: #ededed;
	text-shadow: 0px 1px 1px #333;
	border-color: #1f262c;
	background: #505050;
	background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
	background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
	background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
	background: linear-gradient(top, #505050 0%, #2a2e31 100%);
	box-shadow: inset 0 1px 0 0 #777;
	-moz-box-shadow: inset 0 1px 0 0 #777;
	-webkit-box-shadow: inset 0 1px 0 0 #777;
	-o-box-shadow: inset 0 1px 0 0 #777;
	}

	input.button.mainaction:active {
	color: #fff;
	background: #515151;
	background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
	background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
	background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
	background: linear-gradient(top, #2a2e31 0%, #505050 100%);
	}

	input.button[disabled],
	input.button[disabled]:hover,
	input.button.mainaction[disabled] {
	color: #aaa !important;
	}

	input.mainaction {
	font-weight: bold;
	}

	/ link buttons /

	a.button,
	.buttongroup {
	display: inline-block;
	margin: 0 2px;
	padding: 2px 5px;
	color: #525252;
	text-shadow: 0px 1px 1px #fff;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	-o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	-moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	text-decoration: none;
	}

	.buttongroup {
	padding: 0;
	white-space: nowrap;
	}

	a.button:focus,
	input.button:focus {
	border-color: #4fadd5;
	box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	-moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	-o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	outline: none;
	}

	label.disabled,
	a.button.disabled {
	color: #999;
	}

	a.button.disabled,
	input.button.disabled,
	input.button[disabled],
	a.button.disabled:hover,
	input.button.disabled:hover,
	input.button[disabled]:hover {
	border-color: #c6c6c6;
	box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
	-o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
	-webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
	-moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
	}

	a.button.disabled span.inner {
	opacity: 0.4;
	filter: alpha(opacity=40);
	}

	.buttongroup a.button {
	margin: 0;
	border-width: 0 1px 0 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	}

	.buttongroup a.button.first,
	.buttongroup a.button:first-child {
	border-radius: 4px 0 0 4px;
	border-left: 0;
	}

	.buttongroup a.button.last,
	.buttongroup a.button:last-child {
	border-radius: 0 4px 4px 0;
	border-right: 0;
	}

	a.button.pressed,
	a.button:active,
	input.button:active {
	background: #e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
	background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	}

	.pagenav.dark a.button {
	font-weight: bold;
	border-color: #e6e6e6;
	background: #d8d8d8;
	background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
	background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	background: linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	box-shadow: 0 1px 1px 0 #999;
	-o-box-shadow: 0 1px 1px 0 #999;
	-webkit-box-shadow: 0 1px 1px 0 #999;
	-moz-box-shadow: 0 1px 1px 0 #999;
	}

	.pagenav.dark a.button.pressed {
	background: #bababa;
	background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
	background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	}

	.buttongroup a.button.selected,
	.buttongroup a.button.selected:hover {
	background: #8a8a8a;
	background: -moz-linear-gradient(top, #909090 0%, #858585 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585));
	background: -o-linear-gradient(top, #909090 0%, #858585 100%);
	background: -ms-linear-gradient(top, #909090 0%, #858585 100%);
	background: linear-gradient(top, #909090 0%, #858585 100%);
	-webkit-box-shadow: inset 0 1px 2px 0 #555;
	-moz-box-shadow: inset 0 1px 2px 0 #555;
	box-shadow: inset 0 1px 2px 0 #555;
	border-right-color: #555;
	border-left-color: #555;
	}

	.buttongroup a.button:focus,
	.buttongroup a.button.selected:focus {
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#49b3d2), color-stop(100%,#66bcd9));
	background: -o-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
	background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
	background: linear-gradient(top, #49b3d2 0, #66bcd9 100%);
	}

	.pagenav a.button {
	padding: 1px 3px;
	height: 16px;
	vertical-align: middle;
	margin-bottom: 1px;
	}

	.pagenav .buttongroup a.button,
	.pagenav .buttongroup a.button:hover {
	padding: 1px 5px;
	margin-bottom: 0;
	}

	a.button span.icon,
	.pagenav a.button span.inner {
	display: inline-block;
	width: 16px;
	height: 13px;
	text-indent: 1000px;
	overflow: hidden;
	background: url(images/buttons.png) -6px -211px no-repeat;
	}

	a.button.prevpage span.icon,
	.pagenav a.prevpage span.inner {
	background-position: -7px -226px;
	}

	a.button.nextpage span.icon,
	.pagenav a.nextpage span.inner {
	background-position: -28px -226px;
	}

	a.button.lastpage span.icon,
	.pagenav a.lastpage span.inner {
	background-position: -28px -211px;
	}

	a.button.pageup span.icon,
	.pagenav a.pageup span.inner {
	background-position: -7px -241px;
	}

	a.button.pagedown span.icon,
	.pagenav a.pagedown span.inner {
	background-position: -29px -241px;
	}

	a.button.reply span.icon,
	.pagenav a.reply span.inner {
	background-position: -7px -256px;
	}

	a.button.forward span.icon,
	.pagenav a.forward span.inner {
	background-position: -29px -256px;
	}

	a.button.replyall span.icon,
	.pagenav a.replyall span.inner {
	background-position: -7px -271px;
	}

	a.button.extwin span.icon,
	.pagenav a.extwin span.inner {
	background-position: -29px -271px;
	}

	a.button.changeformat.html span.icon,
	.pagenav a.changeformat.html span.inner {
	background-position: -7px -1859px;
	}
	a.button.changeformat.html.selected span.icon,
	.pagenav a.changeformat.html.selected span.inner {
	background-position: -29px -1859px;
	}

	a.button.changeformat.text span.icon,
	.pagenav a.changeformat.text span.inner {
	background-position: -7px -1874px;
	}
	a.button.changeformat.text.selected span.icon,
	.pagenav a.changeformat.text.selected span.inner {
	background-position: -29px -1874px;
	}

	a.button.add span.icon {
	background-position: -7px -2009px;
	}

	a.button.delete span.icon {
	background-position: -29px -2009px;
	}

	.pagenav .countdisplay {
	display: inline-block;
	padding: 3px 1em 0 1em;
	text-shadow: 0px 1px 1px #fff;
	min-width: 16em;
	}

	.pagenavbuttons {
	position: relative;
	top: -2px;
	}

	a.iconbutton {
	display: inline-block;
	width: 20px;
	height: 18px;
	text-decoration: none;
	text-indent: -5000px;
	background: url(images/buttons.png) -1000px 0 no-repeat;
	}

	a.iconbutton.disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: default;
	}

	a.iconbutton.searchoptions {
	width: 24px;
	background-position: -2px -317px;
	}

	a.iconbutton.reset {
	width: 24px;
	background-position: -25px -317px;
	}

	a.iconbutton.remove,
	a.iconbutton.cancel {
	background-position: -7px -378px;
	}

	a.iconbutton.delete {
	background-position: -7px -338px;
	}

	a.iconbutton.add {
	background-position: -7px -358px;
	}

	a.iconbutton.remove {
	background-position: -7px -379px;
	}

	a.iconbutton.cancel {
	background-position: -7px -398px;
	}

	a.iconbutton.edit {
	background-position: -7px -418px;
	}

	a.iconbutton.upload {
	background-position: -6px -438px;
	}


	a.iconlink {
	display: inline-block;
	color: #888;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 8px 2px 20px;
	background: url(images/buttons.png) -1000px 0 no-repeat;
	}

	a.iconlink:hover {
	text-decoration: underline;
	}

	a.iconlink.delete {
	background-position: -7px -337px;
	}

	a.iconlink.add {
	background-position: -7px -357px;
	}

	a.iconlink.remove {
	background-position: -7px -378px;
	}

	a.iconlink.cancel {
	background-position: -7px -397px;
	}

	a.iconlink.edit {
	background-position: -7px -417px;
	}

	a.iconlink.upload {
	background-position: -6px -437px;
	}


	/* message bar */

	#message div.loading,
	#message div.warning,
	#message div.error,
	#message div.notice,
	#message div.confirmation,
	#message-objects div.notice {
	color: #555;
	font-weight: bold;
	padding: 6px 30px 6px 25px;
	display: inline-block;
	white-space: nowrap;
	background: url(images/messages.png) 0 5px no-repeat;
	cursor: default;
	}

	#message div.warning {
	color: #960;
	background-position: 0 -86px;
	}

	#message div.error {
	color: #cf2734;
	background-position: 0 -55px;
	}

	#message div.confirmation {
	color: #093;
	background-position: 0 -25px;
	}

	#message div.loading {
	background: url(images/ajaxloader.gif) 2px 6px no-repeat;
	}

	#message div a,
	#message div span {
	padding-right: 0.5em;
	text-decoration: none;
	}

	#message div a:hover {
	text-decoration: underline;
	cursor: pointer;
	}

	#message.statusbar {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 27px;
	padding-left: 8px;
	border-top: 1px solid #ddd;
	border-radius: 0 0 4px 4px;
	background: #eaeaea;
	background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
	background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
	background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
	background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	#messagestack {
	position: absolute;
	bottom: 20px;
	right: 12px;
	z-index: 50000;
	width: auto;
	height: auto;
	max-height: 85%;
	overflow-y: auto;
	padding: 2px;
	}

	#messagestack div {
	display: block;
	position: relative;
	width: 280px;
	height: auto;
	min-height: 16px;
	margin: 3px 2px 5px 2px;
	padding: 8px 10px 7px 30px;
	cursor: default;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	border: 1px solid #444;
	color: #ebebeb;
	text-shadow: 0 1px 1px #000;

	background: rgba(64,64,64,0.85);
	background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.85)), color-stop(100%,rgba(48,48,48,0.9)));
	background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
	background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
	background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
	background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);

	-moz-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
	-webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
	-o-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
	box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
	}

	#messagestack div:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 4px;
	width: 20px;
	height: 24px;
	background: url(images/messages_dark.png) 0 7px no-repeat;
	}

	#messagestack div.error {
	color: #ff615d;
	}

	#messagestack div.error:after {
	background-position: 0 -55px;
	}

	#messagestack div.warning {
	color: #f4bf0e;
	}

	#messagestack div.warning:after {
	background-position: 0 -84px;
	}

	#messagestack div.confirmation {
	color: #00e05a;
	}

	#messagestack div.confirmation:after {
	background-position: 0 -25px;
	}

	#messagestack div.loading {
	color: #ddd;
	}

	#messagestack div.loading:after {
	top: 4px;
	left: 6px;
	background: url(images/ajaxloader_dark.gif) 0 4px no-repeat;
	}

	#messagestack div a {
	color: #94c0da;
	}

	#messagestack div a:hover {
	text-decoration: underline;
	cursor: pointer;
	}

	.ui-dialog.error .ui-dialog-title,
	.ui-dialog.warning .ui-dialog-title,
	.ui-dialog.confirmation .ui-dialog-title {
	padding-left: 25px;
	background: url(images/messages.png) 0 5px no-repeat;
	text-shadow: 0 1px 1px #fff;
	}

	.ui-dialog.warning .ui-dialog-title {
	color: #960;
	background-position: 0 -90px;
	}

	.ui-dialog.error .ui-dialog-title {
	color: #cf2734;
	background-position: 0 -60px;
	}

	.ui-dialog.confirmation .ui-dialog-title {
	color: #093;
	background-position: 0 -30px;
	}

	.ui-dialog.popupmessage .ui-dialog-titlebar {
	padding: 8px 1em 4px 1em;
	background: #e3e3e3;
	background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf));
	background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
	background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
	background: linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
	}

	.ui-dialog.popupmessage .ui-widget-content {
	font-size: 12px;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc));
	background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%);
	background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%);
	background: linear-gradient(top, #eee 0%, #dcdcdc 100%);
	}


	/* basic page layout */

	#header {
	overflow-x: hidden; /* Chrome bug #1488851 */
	}

	#topline {
	height: 18px;
	background: url(images/linen_header.jpg) repeat #666;
	border-bottom: 1px solid #4f4f4f;
	padding: 2px 0 2px 10px;
	color: #aaa;
	text-align: center;
	}

	#topnav {
	position: relative;
	height: 46px;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	background: #111;
	background: -moz-linear-gradient(top, #404040 0%, #060606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606));
	background: -o-linear-gradient(top, #404040 0%, #060606 100%);
	background: -ms-linear-gradient(top, #404040 0%, #060606 100%);
	background: linear-gradient(top, #404040 0%, #060606 100%);
	}

	#topline a,
	#topnav a {
	color: #eee;
	text-decoration: none;
	}

	#topline a:hover {
	text-decoration: underline;
	}

	#toplogo {
	padding-top: 2px;
	cursor: pointer;
	border: none;
	}

	.topleft {
	float: left;
	}

	.topright {
	float: right;
	}

	.closelink {
	display: inline-block;
	padding: 2px 10px 2px 20px;
	}

	#topline span.username {
	padding-right: 1em;
	}

	#topline .topleft a {
	display: inline-block;
	padding: 2px 0.8em 0 0;
	color: #aaa;
	}

	#topline a.button-logout {
	display: inline-block;
	padding: 2px 10px 2px 20px;
	background: url(images/buttons.png) -6px -193px no-repeat;
	color: #fff;
	}

	#taskbar .button-logout {
	display: none;
	}

	#taskbar a.button-logout span.button-inner {
	background-position: -2px -1791px;
	}

	#taskbar a.button-logout:hover span.button-inner {
	background-position: -2px -1829px;
	}


	/* minimal version of the page header */

	.minimal #topline {
	position: fixed;
	top: -18px;
	background: #444;
	z-index: 5000;
	width: 100%;
	height: 22px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	.minimal #topline:hover {
	top: 0px;
	opacity: 0.94;
	filter: alpha(opacity=94);
	-webkit-transition: top 0.3s ease-in-out;
	-moz-transition: top 0.3s ease-in-out;
	-o-transition: top 0.3s ease-in-out;
	transition: top 0.3s ease-in-out;
	}

	.extwin #topline,
	.extwin #topline:hover {
	position: static;
	top: 0px;
	height: 18px;
	width: auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	opacity: 0.999;
	}

	.minimal #topline a.button-logout {
	display: none;
	}

	.minimal #topline span.username {
	display: inline-block;
	padding-top: 2px;
	}

	.minimal #topnav {
	position: relative;
	top: 4px;
	height: 42px;
	}

	.minimal #taskbar a {
	position: relative;
	padding: 10px 10px 0 6px;
	height: 32px;
	}

	.minimal #taskbar .button-logout {
	display: inline-block;
	}

	.minimal #taskbar .button-inner {
	top: -4px;
	padding: 0;
	height: 24px !important;
	width: 27px;
	text-indent: -5000px;
	}

	#taskbar .tooltip {
	display: none;
	}

	.minimal #taskbar .tooltip {
	position: absolute;
	top: -500px;
	right: 2px;
	display: inline-block;
	padding: 2px 8px 3px 8px;
	background: #444;
	background: -moz-linear-gradient(top, #444 0%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333));
	background: -o-linear-gradient(top, #444 0%, #333 100%);
	background: -ms-linear-gradient(top, #444 0%, #333 100%);
	background: linear-gradient(top, #444 0%, #333 100%);
	color: #eee;
	font-weight: bold;
	white-space: nowrap;
	border: 1px solid #777;
	box-shadow: 0 1px 5px 0 #333;
	-moz-box-shadow: 0 1px 5px 0 #333;
	-webkit-box-shadow: 0 1px 5px 0 #333;
	-o-box-shadow: 0 1px 5px 0 #333;
	z-index: 200;
	white-space: nowrap;
	text-shadow: 0px 1px 1px #000;
	}

	.minimal #taskbar .tooltip:after {
	content: "";
	position: absolute;
	top: -4px;
	right: 15px;
	border-style: solid;
	border-width: 0 4px 4px;
	border-color: #888 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
	z-index: 251;
	}

	.minimal #taskbar a:hover .tooltip {
	display: block;
	top: 39px;
	}


	/* taskbar */

	#taskbar {
	position: relative;
	padding-right: 18px;
	}

	#taskbar a {
	display: inline-block;
	height: 34px;
	padding: 12px 10px 0 6px;
	}

	#taskbar a span.button-inner {
	display: inline-block;
	font-size: 110%;
	font-weight: normal;
	text-shadow: 0px 1px 1px black;
	padding: 5px 0 0 34px;
	height: 19px;
	background: url(images/buttons.png) -1000px 0 no-repeat;
	}

	#taskbar a:focus {
	color: #fff;
	text-shadow: 0px 1px 1px #666;
	background-color: rgba(73,180,210,0.7);
	outline: none;
	}

	#taskbar a.button-selected {
	color: #3cf;
	background-color: #2c2c2c;
	}

	#taskbar a.button-mail span.button-inner {
	background-position: 0 2px;
	}

	#taskbar a.button-mail:hover span.button-inner,
	#taskbar a.button-mail.button-selected span.button-inner {
	background-position: 0 -22px;
	}

	#taskbar a.button-addressbook span.button-inner {
	background-position: 0 -48px;
	}

	#taskbar a.button-addressbook:hover span.button-inner,
	#taskbar a.button-addressbook.button-selected span.button-inner {
	background-position: 0 -72px;
	}

	#taskbar a.button-settings span.button-inner {
	background-position: 0 -96px;
	}

	#taskbar a.button-settings:hover span.button-inner,
	#taskbar a.button-settings.button-selected span.button-inner {
	background-position: 0 -120px;
	}

	#taskbar a.button-calendar span.button-inner {
	background-position: 0 -144px;
	}

	#taskbar a.button-calendar:hover span.button-inner,
	#taskbar a.button-calendar.button-selected span.button-inner {
	background-position: 0 -168px;
	}

	#taskbar .minmodetoggle {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 19px;
	height: 46px;
	cursor: pointer;
	background: url(images/buttons.png) -35px -1778px no-repeat;
	}

	.minimal #taskbar .minmodetoggle {
	height: 42px;
	background-position: -35px -1820px;
	}

	#mainscreen {
	position: absolute;
	top: 88px;
	left: 10px;
	right: 10px;
	bottom: 20px;
	}

	#mainscreencontent {
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	bottom: 0;
	}

	.minimal #mainscreen {
	top: 62px;
	}

	.minimal #mainscreen.offset {
	top: 102px;
	}

	.extwin #mainscreen {
	top: 40px;
	}

	#mainscreen.offset {
	top: 132px;
	}

	#mainscreen .offset {
	top: 42px;
	}

	.uibox {
	border: 1px solid #a3a3a3;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 2px #999;
	-o-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	background: #fff;
	}

	.minwidth {
	min-width: 1024px;
	}

	.scroller {
	overflow: auto;
	}

	.readtext {
	width: 42em;
	padding: 12px;
	font-size: 12px;
	}

	.readtext > h1,
	.readtext > h2,
	.readtext > h3 {
	margin-top: 0;
	}

	.watermark {
	background-image: url(images/watermark.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

	/* fix scrolling within iframes in webkit browsers on touch devices */
	@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
	.iframebox {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	}
	}


	/* lists */

	.listbox {
	background: #d9ecf4;
	overflow: hidden;
	}

	.listbox .scroller {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	}

	.listbox .scroller.withfooter {
	bottom: 42px;
	}

	.listbox .boxtitle + .scroller {
	top: 34px;
	}

	.boxtitle,
	.uibox .listing thead td {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 8px 3px 8px;
	height: 20px; /* doesn't affect table-cells in FF */
	margin: 0;
	text-shadow: 0px 1px 1px #fff;
	border-bottom: 1px solid #bbd3da;
	white-space: nowrap;
	}

	.uibox .listing thead td {
	padding-bottom: 8px;
	height: auto;
	}

	.uibox .boxtitle,
	.uibox .listing thead td {
	background: #b0ccd7;
	color: #004458;
	border-radius: 4px 4px 0 0;
	}

	.listbox .listitem,
	.listbox .tablink,
	.listing tbody td,
	.listing li {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbd3da;
	cursor: default;
	font-weight: normal;
	}

	.listbox .listitem a,
	.listbox .tablink a,
	.listing tbody td,
	.listing li a {
	display: block;
	color: #376572;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	cursor: default;
	padding: 6px 8px 2px 8px;
	height: 17px; /* doesn't affect table-cells in FF */
	white-space: nowrap;
	}

	.listing tbody td {
	display: table-cell;
	padding-bottom: 5px;
	height: auto;
	min-height: 14px;
	}

	.webkit .listing tbody td {
	height: 14px;
	}

	/* This padding-left minus the focused padding left should be half of the focused border-left */
	.listing thead tr td:first-child,
	.listing tbody tr td:first-child {
	border-left: 0;
	padding-left: 6px;
	}

	.listing.iconized thead tr td:first-child,
	.listing.iconized tbody tr td:first-child {
	padding-left: 36px;
	}

	/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
	.listing.focus tbody tr.focused > td:first-child {
	border-left: 2px solid #b0ccd7;
	padding-left: 4px;
	}

	.listing.iconized.focus tbody tr.focused > td:first-child {
	padding-left: 34px;
	}

	.listing.focus tbody tr.selected.focused > td:first-child {
	border-left-color: #9ec2d0;
	}

	.listing.inconized.focus tr.focused td:first-child {
	padding-left: 34px;
	}

	.listbox .listitem.selected,
	.listbox .tablink.selected,
	.listbox .listitem.selected > a,
	.listbox .tablink.selected > a,
	-.listing tbody tr.unfocused td,
	.listing tbody tr.selected td,
	.listing li.selected,
	.listing li.selected > a {
	color: #004458;
	font-weight: bold;
	background-color: #c7e3ef;
	}

	ul.listing {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}

	ul.listing li {
	background-color: #d9ecf4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	ul.listing li ul {
	border-top: 1px solid #bbd3da;
	}

	ul.listing li.droptarget,
	table.listing tr.droptarget td {
	background-color: #e8e798;
	}

	.listbox table.listing {
	background-color: #d9ecf4;
	}

	table.listing,
	table.layout {
	border: 0;
	width: 100%;
	border-spacing: 0;
	}

	table.layout td {
	vertical-align: top;
	}

	ul.treelist li {
	position: relative;
	}

	ul.treelist li ul {
	margin: 0;
	padding: 0;
	}

	ul.treelist li ul li:last-child {
	border-bottom: 0;
	}

	ul.treelist li a {
	display: block;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	ul.treelist li a:focus {
	color: #fff !important;
	background-color: rgba(73,180,210,0.6);
	text-shadow: 0px 1px 1px #666;
	outline: none;
	}

	ul.treelist ul li a {
	padding-left: 38px;
	}

	ul.treelist ul ul li a {
	padding-left: 54px;
	}

	ul.treelist.iconized li a {
	padding-left: 36px;
	}

	ul.treelist.iconized li ul li a {
	padding-left: 62px;
	}

	ul.treelist li div.treetoggle {
	position: absolute;
	top: 7px;
	left: 4px;
	width: 13px;
	height: 13px;
	background: url(images/listicons.png) -3px -144px no-repeat;
	cursor: pointer;
	}

	ul.treelist li ul li div.treetoggle {
	left: 22px;
	}

	ul.treelist.iconized li div.treetoggle {
	top: 13px;
	left: 19px;
	}

	ul.treelist.iconized li ul li div.treetoggle {
	left: 35px;
	}

	ul.treelist li div.treetoggle.expanded {
	background-position: -3px -168px;
	}

	ul.treelist li.selected > div.collapsed {
	background-position: -23px -144px;
	}

	ul.treelist li.selected > div.expanded {
	background-position: -23px -168px;
	}

	.listbox .boxfooter {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42px;
	border-top: 1px solid #ccdde4;
	background: #d9ecf4;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	white-space: nowrap;
	overflow: hidden;
	}

	.uibox .boxfooter {
	border-radius: 0 0 4px 4px;
	}

	.boxfooter .listbutton {
	display: inline-block;
	text-decoration: none;
	width: 48px;
	border-right: 1px solid #fff;
	background: #c7e3ef;
	padding: 3px 0;
	margin-top: 1px;
	}

	.boxfooter a.listbutton:focus {
	color: #fff;
	background-color: rgba(73,180,210,0.6);
	text-shadow: 0px 1px 1px #666;
	outline: none;
	}

	.uibox .boxfooter .listbutton:first-child {
	border-radius: 0 0 0 4px;
	}

	.boxfooter .listbutton .inner {
	display: inline-block;
	width: 48px;
	height: 35px;
	text-indent: -5000px;
	background-image: url(images/buttons.png);
	background-position: -1000px 0;
	background-repeat: no-repeat;
	}

	.boxfooter .listbutton.add .inner {
	background-position: 10px -1301px;
	}

	.boxfooter .listbutton.delete .inner {
	background-position: 10px -1342px;
	}

	.boxfooter .listbutton.groupactions .inner {
	background-position: 5px -1382px;
	}

	.boxfooter .listbutton.addto .inner {
	background-position: 5px -1422px;
	}

	.boxfooter .listbutton.addcc .inner {
	background-position: 5px -1462px;
	}

	.boxfooter .listbutton.addbcc {
	width: 54px;
	}

	.boxfooter .listbutton.addbcc .inner {
	width: 54px;
	background-position: 2px -1502px;
	}

	.boxfooter .listbutton.removegroup .inner {
	background-position: 5px -1540px;
	}

	.boxfooter .listbutton.disabled .inner {
	opacity: 0.4;
	filter: alpha(opacity=40);
	}

	.boxfooter .countdisplay {
	display: inline-block;
	position: relative;
	top: 10px;
	color: #69929e;
	padding: 3px 6px;
	}

	.boxpagenav {
	position: absolute;
	top: 10px;
	right: 6px;
	width: auto;
	}

	.boxpagenav a.icon {
	display: inline-block;
	padding: 1px 3px;
	height: 13px;
	width: 14px;
	text-indent: 1000px;
	vertical-align: bottom;
	overflow: hidden;
	background: url(images/buttons.png) -4px -286px no-repeat;
	}

	.boxpagenav a.icon.prevpage {
	background-position: -4px -301px;
	}

	.boxpagenav a.icon.nextpage {
	background-position: -28px -301px;
	}

	.boxpagenav a.icon.lastpage {
	background-position: -28px -286px;
	}

	.boxpagenav a.icon.disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
	}

	.centerbox {
	width: 40em;
	margin: 16px auto;
	}

	.errorbox {
	width: 40em;
	padding: 20px;
	}

	.errorbox h3 {
	font-size: 16px;
	margin-top: 0;
	}


	/* Records table */

	table.records-table {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border: 1px solid #bbd3da;
	}

	.boxlistcontent .records-table {
	border: 0;
	}

	.records-table thead td {
	color: #69939e;
	font-size: 11px;
	font-weight: bold;
	background: #d6eaf3;
	background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
	background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
	background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	border-left: 1px solid #bbd3da;
	padding: 8px 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	.records-table.sortheader thead td {
	padding: 0;
	}

	.records-table thead td a,
	.records-table thead td span {
	display: block;
	padding: 7px 7px;
	color: #69939e;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	.records-table thead td a:focus {
	color: #fff;
	background-color: rgba(73,180,210,0.7);
	text-shadow: 0px 1px 1px #666;
	outline: none;
	}

	.records-table tbody td {
	padding: 2px 7px;
	border-bottom: 1px solid #ddd;
	border-left: 1px dotted #bbd3da;
	white-space: nowrap;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #fff;
	}

	/* This padding-left minus the focused padding left should be half of the focused border-left */
	.records-table thead tr td:first-child,
	.records-table tbody tr td:first-child {
	border-left: 0;
	padding-left: 6px;
	}

	/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
	.records-table.focus tbody tr.focused > td:first-child {
	border-left: 2px solid #b0ccd7;
	padding-left: 4px;
	}

	.records-table.focus tbody tr.selected.focused > td:first-child {
	border-left-color: #49b3d2;
	}

	.records-table tr.selected td {
	color: #fff !important;
	+ background-color: #4db0d2 !important;
	+}
	+
	+.records-table.focus tr.selected td {
	background: #019bc6;
	background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
	background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
	background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
	background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
	}

	.records-table tr.selected td a,
	.records-table tr.selected td span {
	color: #fff !important;
	}

	-.records-table tr.unfocused td {
	- color: #fff !important;
	- background-color: #4db0d2 !important;
	-}
	-
	-.records-table tr.unfocused td a,
	-.records-table tr.unfocused td span {
	- color: #fff !important;
	-}
	-
	.records-table tr.deleted td,
	.records-table tr.deleted td a {
	color: #ccc !important;
	}

	/* iFrames */

	#aboutframe {
	width: 97%;
	height: 100%;
	border: 0;
	padding: 0;
	}

	body.iframe {
	background: #fff;
	margin: 38px 0 10px 0;
	}

	body.iframe.error {
	background: #ededed;
	}

	body.iframe.floatingbuttons {
	margin-bottom: 40px;
	}

	body.iframe.fullheight {
	margin: 0;
	}

	.contentbox .boxtitle,
	body.iframe .boxtitle {
	color: #777;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
	background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
	border-bottom: 1px solid #ccc;
	}

	body.iframe .boxtitle {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	}

	body.iframe .footerleft.floating,
	#composeview-bottom .formbuttons.floating {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 110;
	background: #fff;
	padding-top: 8px;
	padding-bottom: 12px;
	}

	body.iframe .footerleft.floating:before,
	#composeview-bottom .formbuttons.floating:before {
	content: " ";
	position: absolute;
	top: -6px;
	left: 0;
	width: 100%;
	height: 6px;
	background: url(images/overflowshadow.png) top center no-repeat;
	}

	.boxcontent {
	padding: 10px;
	}

	.contentbox .scroller {
	position: absolute;
	top: 34px;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: auto;
	}

	.iframebox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	}

	.footerleft {
	padding: 0 12px 4px 12px;
	}

	.propform fieldset {
	margin-bottom: 20px;
	border: 0;
	padding: 0;
	}

	.propform fieldset legend {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 0;
	}

	.propform fieldset fieldset legend {
	color: #666;
	font-size: 12px;
	}

	.propform div.prop {
	margin-bottom: 0.5em;
	}

	.propform div.prop.block label {
	display: block;
	margin-bottom: 0.3em;
	}

	.propform div.prop.block input,
	.propform div.prop.block textarea {
	width: 95%;
	}

	.propform a.disabled {
	color: #999;
	text-decoration: none;
	cursor: default;
	}

	fieldset.floating {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}

	table.propform {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	}

	ul.proplist li,
	table.propform td {
	width: 80%;
	padding: 4px 10px;
	background: #eee;
	border-bottom: 2px solid #fff;
	}

	table.propform td.title {
	width: 20%;
	color: #333;
	padding-right: 20px;
	white-space: nowrap;
	}

	table.propform .mceLayout td {
	padding: 0;
	border-bottom: 0;
	}

	ul.proplist {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	ul.proplist li {
	width: auto;
	}

	#pluginbody {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}


	/* Login form */

	#login-form {
	position: relative;
	width: 580px;
	margin: 20ex auto 2ex auto;
	}

	#login-form .box-inner {
	width: 430px;
	background: url(images/linen_login.jpg) top left no-repeat #5c5c5c;
	margin: 0 50px;
	padding: 10px 24px 24px 24px;
	border: 1px solid #333;
	border-radius: 5px;
	box-shadow: inset 0 0 1px #ccc;
	-o-box-shadow: inset 0 0 1px #ccc;
	-webkit-box-shadow: inset 0 0 1px #ccc;
	-moz-box-shadow: inset 0 0 1px #ccc;
	}

	#login-form .box-bottom {
	background: url(images/login_shadow.png) top center no-repeat;
	margin-top: -3px;
	padding-top: 10px;
	}

	#login-form .noscriptwarning {
	margin: 0 auto;
	width: 430px;
	color: #cf2734;
	font-size: 110%;
	font-weight: bold;
	}

	#login-form td.input {
	width: 80%;
	padding: 8px;
	}

	#login-form input[type="text"],
	#login-form input[type="password"] {
	width: 100%;
	border-color: #666;
	}

	#login-form input.button {
	color: #444;
	text-shadow: 0px 1px 1px #fff;
	border-color: #f9f9f9;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
	background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
	box-shadow: inset 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	-o-box-shadow: inset 0 1px 0 0 #fff;
	}

	#login-form input.button:hover,
	#login-form input.button:focus {
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
	}

	#login-form input.button:active {
	color: #333;
	background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9));
	background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
	background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
	background: linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
	}

	#login-form form table {
	width: 98%;
	}

	#login-form td.title {
	width: 20%;
	white-space: nowrap;
	color: #cecece;
	text-shadow: 0px 1px 1px black;
	text-align: right;
	padding-right: 1em;
	}

	#login-form p.formbuttons {
	margin-top: 2em;
	text-align: center;
	}

	#login-form #logo {
	margin-bottom: 20px;
	border: none;
	}

	#login-form #message {
	min-height: 40px;
	padding: 5px 25px;
	text-align: center;
	font-size: 1.1em;
	}

	#login-form #message div {
	display: inline-block;
	padding-right: 0;
	font-size: 12px;
	}

	#bottomline {
	font-size: 90%;
	text-align: center;
	margin-top: 2em;
	}



	/* quicksearch /

	.searchbox {
	position: relative;
	}

	#quicksearchbar {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 240px;
	}

	.searchbox input,
	#quicksearchbar input {
	width: 176px;
	margin: 0;
	padding: 3px 30px 3px 34px;
	height: 18px;
	background: #f1f1f1;
	border-color: #ababab;
	font-weight: bold;
	font-size: 11px;
	}

	.searchbox #searchmenulink,
	#quicksearchbar #searchmenulink {
	position: absolute;
	top: 5px;
	left: 6px;
	}

	.searchbox #searchreset,
	#quicksearchbar #searchreset {
	position: absolute;
	top: 4px;
	right: 1px;
	}


	/* toolbar */

	.toolbar .spacer {
	display: inline-block;
	width: 24px;
	height: 40px;
	padding: 0;
	}

	.toolbar a.button {
	text-align: center;
	font-size: 10px;
	color: #555;
	min-width: 50px;
	max-width: 75px;
	height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 28px 2px 0 2px;
	text-shadow: 0px 1px 1px #eee;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	background: url(images/buttons.png) -100px 0 no-repeat transparent;
	border: 0;
	border-radius: 0;
	}

	.dropbutton .dropbuttontip:focus,
	.toolbar a.button:focus {
	color: #fff;
	text-shadow: 0px 1px 1px #666;
	background-color: rgba(30,150,192, 0.5);
	border-radius: 3px;
	}

	.toolbar a.button.disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
	}

	.dropbutton {
	display: inline-block;
	position: relative;
	}

	.dropbutton .dropbuttontip {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 41px;
	width: 18px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(images/buttons.png) 0 -1255px no-repeat;
	cursor: pointer;
	outline: none;
	}

	.dropbutton .dropbuttontip:focus,
	.dropbutton .dropbuttontip:hover {
	background-position: -26px -1255px;
	}

	.dropbutton a.button.disabled + .dropbuttontip {
	opacity: 0.5;
	filter: alpha(opacity=50);
	}

	.dropbutton a.button.disabled + .dropbuttontip:hover {
	background-position: 0 -1255px;
	}

	.dropbutton a.button {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
	}

	.toolbar a.button.back {
	background-position: 0 -1216px;
	}

	.toolbar a.button.checkmail {
	background-position: center -1176px;
	}

	.toolbar a.button.compose {
	background-position: center -530px;
	}

	.toolbar a.button.reply {
	background-position: center -570px;
	}

	.toolbar a.button.reply-all {
	min-width: 64px;
	background-position: left -610px;
	}

	.toolbar a.button.forward {
	min-width: 64px;
	background-position: left -650px;
	}

	.toolbar a.button.delete {
	background-position: center -690px;
	}

	.toolbar a.button.archive {
	background-position: center -730px;
	}

	.toolbar a.button.junk {
	background-position: center -770px;
	}

	.toolbar a.button.print {
	background-position: center -810px;
	}

	.toolbar a.button.markmessage {
	background-position: center -1094px;
	}

	.toolbar a.button.move {
	background-position: center -1971px;
	}

	.toolbar a.button.more {
	background-position: center -850px;
	}

	.toolbar a.button.attach {
	background-position: center -890px;
	}

	.toolbar a.button.spellcheck {
	min-width: 64px;
	background-position: left -930px;
	}

	.toolbar a.button.spellcheck.selected {
	background-position: left -1620px;
	color: #1978a1;
	}

	.toolbar a.button.insertsig {
	background-position: center -1135px;
	}

	.toolbar a.button.search {
	background-position: center -970px;
	}

	.toolbar a.button.import {
	background-position: center -1012px;
	}

	.toolbar a.button.export {
	min-width: 74px;
	background-position: center -1054px;
	}

	.toolbar a.button.send {
	background-position: center -1660px;
	}

	.toolbar a.button.savedraft {
	background-position: center -1700px;
	}

	.toolbar a.button.close {
	background-position: 0 -1745px;
	}

	.toolbar a.button.download {
	background-position: center -1892px;
	}

	.toolbar a.button.responses {
	background-position: center -1932px;
	}

	a.menuselector {
	display: inline-block;
	border: 1px solid #ababab;
	border-radius: 4px;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
	background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
	background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	text-decoration: none;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	}

	a.menuselector .handle {
	display: inline-block;
	padding: 0 32px 0 6px;
	height: 20px;
	line-height: 19px;
	text-shadow: 0px 1px 1px #fff;
	background: url(images/selector.png) right center no-repeat;
	border-radius: 4px;
	}

	a.menuselector:active {
	background: #dddddd;
	background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8));
	background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
	background: linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
	text-decoration: none;
	}

	select.decorated {
	position: relative;
	z-index: 10;
	opacity: 0;
	height: 22px;
	cursor: pointer;
	filter: alpha(opacity=0);
	-khtml-appearance: none;
	-webkit-appearance: none;
	border: 0;
	}

	html.opera select.decorated {
	opacity: 1;
	}

	select.decorated option {
	color: #fff;
	background: #444;
	border: 0;
	border-top: 1px solid #5a5a5a;
	border-bottom: 1px solid #333;
	text-shadow: 0px 1px 1px #333;
	padding: 4px 6px;
	outline: none;
	cursor: default;
	}


	a.menuselector:focus,
	a.menuselector.focus,
	a.iconbutton:focus,
	.pagenav a.button:focus {
	border-color: #4fadd5;
	-webkit-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
	-moz-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
	-o-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
	box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
	outline: none;
	}


	/* quota indicator */

	#quotadisplay {
	left: 6px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	padding-left: 30px;
	background: url(images/quota.png) -100px 0 no-repeat;
	}

	/* popup menus */

	.popupmenu,
	#rcmKSearchpane {
	display: none;
	position: absolute;
	top: 32px;
	left: 90px;
	width: auto;
	max-height: 70%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: auto;
	background: #444;
	border: 1px solid #999;
	z-index: 240;
	border-radius: 4px;
	box-shadow: 0 2px 6px 0 #333;
	-moz-box-shadow: 0 2px 6px 0 #333;
	-webkit-box-shadow: 0 2px 6px 0 #333;
	-o-box-shadow: 0 2px 6px 0 #333;
	}

	.popupmenu.dropdown {
	border-radius: 0 0 4px 4px;
	border-top: 0;
	}

	ul.toolbarmenu,
	ul.toolbarmenu ul,
	#rcmKSearchpane ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

	.googie_list td,
	ul.toolbarmenu li,
	#rcmKSearchpane ul li {
	color: #fff;
	white-space: nowrap;
	min-width: 130px;
	margin: 0;
	border-top: 1px solid #5a5a5a;
	border-bottom: 1px solid #333;
	}

	.googie_list tr:first-child td,
	ul.toolbarmenu > li:first-child,
	select.decorated option:first-child {
	border-top: 0;
	}

	.googie_list tr:last-child td,
	ul.toolbarmenu > li:last-child,
	select.decorated option:last-child {
	border-bottom: 0;
	}

	.googie_list td span,
	ul.toolbarmenu li a {
	display: block;
	color: #666;
	text-shadow: 0px 1px 1px #333;
	text-decoration: none;
	min-height: 14px;
	padding: 6px 10px 6px 10px;
	}

	.googie_list td span {
	padding: 3px 10px;
	}

	.googie_list td span,
	ul.toolbarmenu li a.active {
	color: #fff;
	cursor: default;
	}

	.googie_list td.googie_list_onhover,
	ul.toolbarmenu li a.active:hover,
	ul.toolbarmenu li a.active:focus,
	#rcmKSearchpane ul li.selected,
	select.decorated option:hover,
	select.decorated option[selected='selected'] {
	background-color: #00aad6;
	background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
	background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
	background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
	background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
	outline: none;
	}

	ul.toolbarmenu.iconized li a,
	ul.toolbarmenu.selectable li a {
	padding-left: 30px;
	}

	ul.toolbarmenu.selectable li a.selected {
	background: url(images/messages.png) 4px -27px no-repeat;
	}

	ul.toolbarmenu li label {
	display: block;
	color: #fff;
	padding: 4px 8px;
	text-shadow: 0px 1px 1px #333;
	}

	ul.toolbarmenu li.separator label {
	color: #bbb;
	font-style: italic;
	}

	ul.toolbarmenu li a.icon {
	color: #eee;
	padding: 2px 6px;
	}

	ul.toolbarmenu li span.icon {
	display: block;
	min-height: 14px;
	padding: 4px 4px 1px 24px;
	height: 17px;
	background-image: url(images/listicons.png);
	background-position: -100px 0;
	background-repeat: no-repeat;
	opacity: 0.2;
	filter: alpha(opacity=20);
	}

	ul.toolbarmenu li a.active span.icon {
	opacity: 0.99;
	filter: alpha(opacity=100);
	}

	ul.toolbarmenu li span.read {
	background-position: 0 -1220px;
	}

	ul.toolbarmenu li span.unread {
	background-position: 0 -1196px;
	}

	ul.toolbarmenu li span.flagged {
	background-position: 0 -1244px;
	}

	ul.toolbarmenu li span.unflagged {
	background-position: 0 -1268px;
	}

	ul.toolbarmenu li span.mail {
	background-position: 0 -1293px;
	}

	ul.toolbarmenu li span.list {
	background-position: 0 -1317px;
	}

	ul.toolbarmenu li span.invert {
	background-position: 0 -1340px;
	}

	ul.toolbarmenu li span.cross {
	background-position: 0 -1365px;
	}

	ul.toolbarmenu li span.print {
	background-position: 0 -1436px;
	}

	ul.toolbarmenu li span.download {
	background-position: 0 -1412px;
	}

	ul.toolbarmenu li span.edit {
	background-position: 0 -1388px;
	}

	ul.toolbarmenu li span.viewsource {
	background-position: 0 -1460px;
	}

	ul.toolbarmenu li span.extwin {
	background-position: 0 -1484px;
	}

	ul.toolbarmenu li span.conversation {
	background-position: 0 -1532px;
	}

	ul.toolbarmenu li span.move {
	background-position: 0 -2126px;
	}

	ul.toolbarmenu li span.copy {
	background-position: 0 -2150px;
	}

	#snippetslist {
	max-width: 200px;
	}

	#snippetslist li a {
	overflow: hidden;
	text-overflow: ellipsis;
	}

	#rcmKSearchpane {
	border-radius: 0 0 4px 4px;
	border-top: 0;
	}

	#rcmKSearchpane ul li {
	text-shadow: 0px 1px 1px #333;
	text-decoration: none;
	min-height: 14px;
	padding: 6px 10px 6px 10px;
	border: 0;
	cursor: default;
	}

	.popupdialog {
	display: none;
	padding: 10px;
	}

	.popupdialog .formbuttons {
	margin: 20px 0 4px 0;
	}

	.ui-dialog .prompt input {
	display: block;
	margin: 8px 0;
	}

	.hint {
	margin: 4px 0;
	color: #999;
	text-shadow: 0px 1px 1px #fff;
	}

	.splitter {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	position: absolute;
	background: url(images/splitter.png) center no-repeat;
	}

	.splitter-h {
	height: 10px;
	width: 100%;
	cursor: n-resize;
	cursor: row-resize;
	background-position: center 0;
	}

	.splitter-v {
	width: 10px;
	height: 100%;
	cursor: e-resize;
	cursor: col-resize;
	background-position: 0 center;
	}

	#rcmdraglayer {
	min-width: 260px;
	width: auto !important;
	width: 260px;
	padding: 6px 8px;
	background: #444;
	border: 1px solid #555;
	border-radius: 4px;
	box-shadow: 0 2px 6px 0 #333;
	-moz-box-shadow: 0 2px 6px 0 #333;
	-webkit-box-shadow: 0 2px 6px 0 #333;
	-o-box-shadow: 0 2px 6px 0 #333;
	z-index: 250;
	color: #ccc;
	white-space: nowrap;
	opacity: 0.92;
	filter: alpha(opacity=92);
	text-shadow: 0px 1px 1px #333;
	}

	#rcmdraglayer:after {
	content: "";
	position: absolute;
	top: 6px;
	left: -6px;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #444;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
	z-index: 251;
	}

	.draglayercopy:before {
	position: absolute;
	bottom: -6px;
	left: -6px;
	content: " ";
	width: 16px;
	height: 16px;
	background: url(images/buttons.png) -7px -358px no-repeat;
	z-index: 255;
	}

	/* folder selector */

	#folder-selector {
	z-index: 1000;
	}

	#folder-selector li a span {
	background: url("images/listicons.png") 4px -2021px no-repeat;
	display: block;
	height: 17px;
	min-height: 14px;
	padding: 4px 4px 1px 28px;
	overflow: hidden;
	max-width: 120px;
	text-overflow: ellipsis;
	}

	#folder-selector li a.virtual {
	opacity: .2;
	}

	#folder-selector li a.inbox span {
	background-position: 4px -2049px;
	}
	#folder-selector li a.drafts span {
	background-position: 4px -1388px;
	}
	#folder-selector li a.sent span {
	background-position: 4px -2074px;
	}
	#folder-selector li a.trash span {
	background-position: 4px -1508px;
	}
	#folder-selector li a.junk span {
	background-position: 4px -2100px;
	}

	/* attachment list */

	.attachmentslist {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	.attachmentslist li {
	display: block;
	position: relative;
	background: url(images/filetypes.png) 0 0 no-repeat;
	margin-bottom: 1px;
	}

	.attachmentslist li.pdf {
	background-position: 0 -26px;
	}

	.attachmentslist li.doc,
	.attachmentslist li.docx,
	.attachmentslist li.msword {
	background-position: 0 -52px;
	}

	.attachmentslist li.odt {
	background-position: 0 -78px;
	}

	.attachmentslist li.xls,
	.attachmentslist li.xlsx,
	.attachmentslist li.msexcel {
	background-position: 0 -104px;
	}

	.attachmentslist li.ods {
	background-position: 0 -130px;
	}

	.attachmentslist li.zip,
	.attachmentslist li.gz {
	background-position: 0 -156px;
	}

	.attachmentslist li.rar {
	background-position: 0 -182px;
	}

	.attachmentslist li.image {
	background-position: 0 -208px;
	}

	.attachmentslist li.jpg,
	.attachmentslist li.jpeg {
	background-position: 0 -234px;
	}

	.attachmentslist li.png {
	background-position: 0 -260px;
	}

	.attachmentslist li.m4p {
	background-position: 0 -286px;
	}

	.attachmentslist li.mp3,
	.attachmentslist li.audio {
	background-position: 0 -312px;
	}

	.attachmentslist li.video {
	background-position: 0 -338px;
	}

	.attachmentslist li.txt,
	.attachmentslist li.text {
	background-position: 0 -416px;
	}

	.attachmentslist li.ics,
	.attachmentslist li.calendar {
	background-position: 0 -364px;
	}

	.attachmentslist li.vcard {
	background-position: 0 -390px;
	}

	.attachmentslist li.sig,
	.attachmentslist li.pgp-signature,
	.attachmentslist li.pkcs7-signature {
	background-position: 0 -442px;
	}

	.attachmentslist li.html {
	background-position: 0 -468px;
	}

	.attachmentslist li.eml,
	.attachmentslist li.rfc822 {
	background-position: 0 -494px;
	}

	.attachmentslist li.ppt,
	.attachmentslist li.pptx,
	.attachmentslist li.ppsx,
	.attachmentslist li.vnd.mspowerpoint {
	background-position: 0 -520px;
	}

	.attachmentslist li.odp,
	.attachmentslist li.otp {
	background-position: 0 -546px;
	}

	.attachmentslist li a,
	#compose-attachments ul li {
	display: block;
	color: #333;
	font-weight: bold;
	padding: 3px 15px 3px 30px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	outline: none;
	}

	.attachmentslist li a.drop {
	background: url(images/buttons.png) no-repeat scroll center -1570px;
	width: 14px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -5000px;
	outline: none;
	}

	.attachmentslist li a:focus,
	.attachmentslist li a.drop:focus {
	background-color: rgba(30,150,192, 0.5);
	border-radius: 2px;
	}

	#compose-attachments ul li {
	padding-right: 28px;
	}

	.attachmentslist li a:hover {
	text-decoration: underline;
	}

	.attachmentslist li.uploading {
	background: url(images/ajaxloader.gif) 2px 6px no-repeat;
	}

	.attachmentslist li a.delete,
	.attachmentslist li a.cancelupload {
	position: absolute;
	top: 4px;
	right: 0;
	width: 20px;
	height: 18px;
	padding: 0;
	text-decoration: none;
	text-indent: -5000px;
	background: url(images/buttons.png) -7px -337px no-repeat;
	}

	.attachmentslist li a.cancelupload {
	background-position: -7px -377px;
	}


	/* fieldset tabs */

	.tabsbar {
	margin-bottom: 12px;
	padding-top: 15px;
	height: 27px;
	white-space: nowrap;
	}

	.ui-dialog-content .tabsbar {
	margin-bottom: 0;
	}

	.tabsbar .tablink {
	padding: 15px 1px 15px 0;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
	background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
	}

	.tabsbar .tablink:last-child {
	background: none;
	}

	.tabsbar .tablink:last-child a {
	border-right: 0;
	}

	.tabsbar .tablink a {
	padding: 15px;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	border-right: 1px solid #fafafa;
	}

	.tabsbar .tablink.selected a {
	color: #004458;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #fff 40%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#efefef));
	background: -o-linear-gradient(top, #fff 40%, #efefef 100%);
	background: -ms-linear-gradient(top, #fff 40%, #efefef 100%);
	background: linear-gradient(top, #fff 40%, #efefef 100%);
	}

	fieldset.tab {
	border: 0;
	padding: 0;
	margin-left: 0;
	}

File Metadata

Mime Type: text/x-diff
Expires: Sat, Mar 1, 12:24 AM (1 h, 35 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 165267
Default Alt Text: (143 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions