No OneTemporary
Actions

Size

101 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/skins/larry/mail.css b/skins/larry/mail.css
	index 3ec14568f..5bcada438 100644
	--- a/skins/larry/mail.css
	+++ b/skins/larry/mail.css
	@@ -1,1601 +1,1584 @@
	/**
	* Roundcube webmail styles for the Email 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.
	*/

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

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

	#mailview-right.fullwidth {
	left: 0;
	}

	#mailview-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: visible; /* fixes display issues of fixed list header in IE */
	}

	#mailview-bottom {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	border-radius: 4px;
	border-top: none;
	}

	#composeview-right #mailview-bottom {
	border-radius: 0 0 4px 4px;
	}

	#mailboxcontainer,
	#messagelistcontainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	}

	#messagelistcontainer {
	top: 0;
	bottom: 30px;
	overflow: auto;
	}

	/* Real browsers accept this (not IE) */
	html>/**/body #messagelist {
	overflow: auto;
	overflow-x: hidden;
	}

	#messagelistfooter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 22px;
	padding: 4px 6px;
	border-top: 1px solid #ddd;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6));
	background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	border-radius: 0 0 4px 4px;
	}

	#messagelistfooter.rightalign {
	text-align: right;
	}

	#messagelistfooter #countcontrols {
	display: inline-block;
	}

	#messagelistfooter #listcontrols,
	#messagelistfooter #listselectors {
	display: inline-block;
	margin-right: 2em;
	vertical-align: middle;
	}

	#messagelistfooter #listselectors .menuselector {
	margin-top: -2px;
	}

	a.iconbutton.listmode {
	width: 26px;
	height: 20px;
	background-position: 0 -477px;
	}

	a.iconbutton.threadmode {
	width: 26px;
	height: 20px;
	background-position: 0 -497px;
	}

	a.iconbutton.listmode.selected {
	background-position: -26px -477px;
	}

	a.iconbutton.threadmode.selected {
	background-position: -26px -497px;
	}

	#mailboxlist li.mailbox {
	position: relative;
	background-repeat: no-repeat;
	background-position: 6px 2px;
	}

	#mailboxlist > li:first-child {
	border-radius: 4px 4px 0 0;
	border-top: 0;
	}

	#mailboxlist li.mailbox a {
	padding-left: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-image: url(images/listicons.png);
	background-repeat: no-repeat;
	background-position: 6px 3px;
	}

	#mailboxlist li.mailbox.unread > a {
	padding-right: 36px;
	}

	#mailboxlist li.mailbox.selected > a {
	background-position: 6px -21px;
	}

	#mailboxlist li.mailbox.inbox > a {
	background-position: 6px -189px;
	}

	#mailboxlist li.mailbox.inbox.selected > a {
	background-position: 6px -213px;
	}

	#mailboxlist li.mailbox.drafts > a {
	background-position: 6px -238px;
	}

	#mailboxlist li.mailbox.drafts.selected > a {
	background-position: 6px -262px;
	}

	#mailboxlist li.mailbox.sent > a {
	background-position: 6px -286px;
	}

	#mailboxlist li.mailbox.sent.selected > a {
	background-position: 6px -310px;
	}

	#mailboxlist li.mailbox.junk > a {
	background-position: 6px -334px;
	}

	#mailboxlist li.mailbox.junk.selected > a {
	background-position: 6px -358px;
	}

	#mailboxlist li.mailbox.trash > a {
	background-position: 6px -382px;
	}

	#mailboxlist li.mailbox.trash.selected > a {
	background-position: 6px -406px;
	}

	#mailboxlist li.mailbox.trash.empty > a {
	background-position: 6px -1924px;
	}

	#mailboxlist li.mailbox.trash.empty.selected > a {
	background-position: 6px -1948px;
	}

	#mailboxlist li.mailbox.archive > a {
	background-position: 6px -1699px;
	}

	#mailboxlist li.mailbox.archive.selected > a {
	background-position: 6px -1723px;
	}

	#mailboxlist li.mailbox ul li.drafts > a {
	background-position: 23px -238px;
	}

	#mailboxlist li.mailbox ul li.drafts.selected > a {
	background-position: 23px -262px;
	}

	#mailboxlist li.mailbox ul li.sent > a {
	background-position: 23px -286px;
	}

	#mailboxlist li.mailbox ul li.sent.selected > a {
	background-position: 23px -310px;
	}

	#mailboxlist li.mailbox ul li.junk > a {
	background-position: 23px -334px;
	}

	#mailboxlist li.mailbox ul li.junk.selected > a {
	background-position: 23px -358px;
	}

	#mailboxlist li.mailbox ul li.trash > a {
	background-position: 23px -382px;
	}

	#mailboxlist li.mailbox ul li.trash.selected > a {
	background-position: 23px -406px;
	}

	#mailboxlist li.mailbox ul li.trash.empty > a {
	background-position: 23px -1924px;
	}

	#mailboxlist li.mailbox ul li.trash.empty.selected > a {
	background-position: 23px -1948px;
	}

	#mailboxlist li.mailbox ul li.archive > a {
	background-position: 23px -1699px;
	}

	#mailboxlist li.mailbox ul li.archive.selected > a {
	background-position: 23px -1723px;
	}

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

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

	#mailboxlist li.recent > a {
	color: #017cb4;
	}

	#mailboxlist li.mailbox div.treetoggle {
	top: 13px;
	left: 19px;
	}

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

	/* nested mailboxes */

	#mailboxlist li.mailbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #bbd3da;
	}

	#mailboxlist li.mailbox ul li a {
	padding-left: 52px; /* 36 + 1 x 16 */
	background-position: 22px -95px; /* 6 + 1 x 16 */
	}
	#mailboxlist li.mailbox ul li.selected > a {
	background-position: 22px -119px;
	}
	#mailboxlist li.mailbox ul li div.treetoggle {
	left: 33px;
	top: 14px;
	}

	#mailboxlist li.mailbox ul ul li.mailbox a {
	padding-left: 68px; /* 2x */
	background-position: 38px -95px;
	}
	#mailboxlist li.mailbox ul ul li.selected > a {
	background-position: 38px -119px;
	}
	#mailboxlist li.mailbox ul ul li div.treetoggle {
	left: 48px;
	}

	#mailboxlist li.mailbox ul ul ul li.mailbox a {
	padding-left: 84px; /* 3x */
	background-position: 54px -95px;
	}
	#mailboxlist li.mailbox ul ul ul li.selected > a {
	background-position: 54px -119px;
	}
	#mailboxlist li.mailbox ul ul ul li div.treetoggle {
	left: 64px;
	}

	#mailboxlist li.mailbox ul ul ul ul li.mailbox a {
	padding-left: 100px; /* 4x */
	background-position: 70px -95px;
	}
	#mailboxlist li.mailbox ul ul ul ul li.selected > a {
	background-position: 70px -119px;
	}
	#mailboxlist li.mailbox ul ul ul ul li div.treetoggle {
	left: 80px;
	}

	/* 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: 96px;
	}

	#mailboxlist li.mailbox .unreadcount {
	position: absolute;
	top: 3px;
	right: 6px;
	min-width: 1.8em;
	line-height: 15px;
	padding: 2px 4px;
	background: #82acb5;
	background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f));
	background: -o-linear-gradient(top, #82acb5 0%, #6a939f 100%);
	background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%);
	background: linear-gradient(top, #82acb5 0%, #6a939f 100%);
	box-shadow: inset 0 1px 1px 0 #536d72;
	-o-box-shadow: inset 0 1px 1px 0 #536d72;
	-webkit-box-shadow: inset 0 1px 1px 0 #536d72;
	-moz-box-shadow: inset 0 1px 1px 0 #536d72;
	border-radius: 9px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-shadow: none;
	}

	#mailboxlist li.mailbox.selected > a .unreadcount {
	background: #005d76;
	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
	background: linear-gradient(top, #005d76 0%, #004558 100%);
	box-shadow: inset 0 1px 1px 0 #003645;
	-o-box-shadow: inset 0 1px 1px 0 #003645;
	-webkit-box-shadow: inset 0 1px 1px 0 #003645;
	-moz-box-shadow: inset 0 1px 1px 0 #003645;
	}

	#mailboxlist li.mailbox.recent > a .unreadcount {
	background: #017cb4;
	background: -moz-linear-gradient(top, #017cb4 0%, #006ca4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017cb4), color-stop(100%,#006ca4));
	background: -o-linear-gradient(top, #017cb4 0%, #006ca4 100%);
	background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%);
	background: linear-gradient(top, #017cb4 0%, #006ca4 100%);
	box-shadow: inset 0 1px 1px 0 #005080;
	-o-box-shadow: inset 0 1px 1px 0 #005080;
	-webkit-box-shadow: inset 0 1px 1px 0 #005080;
	-moz-box-shadow: inset 0 1px 1px 0 #005080;
	}

	#searchfilter {
	position: absolute;
	right: 256px;
	width: auto;
	top: 2px;
	}

	#searchfilter select {
	height: 26px;
	}

	#mailview-left select.mailboxlist {
	position: relative;
	top: 10px;
	width: 100%;
	}

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

	#messagetoolbar.fullwidth {
	right: 0;
	}

	#messagesearchtools {
	position: absolute;
	right: 0;
	top: 0;
	}

	#mailpreviewtoggle {
	display: block;
	position: absolute;
	top: 6px;
	right: 4px;
	width: 20px;
	height: 18px;
	background: url(images/buttons.png) -3px -458px no-repeat;
	}

	#mailpreviewtoggle.enabled {
	background-position: -28px -458px;
	}


	/* message list */

	table.messagelist {
	z-index: 1;
	}

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

	.messagelist thead td:first-child {
	border-radius: 4px 0 0 0; /* for Chrome */
	}

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

	.webkit .messagelist tr td.attachment,
	.webkit .messagelist tr td.threads,
	.webkit .messagelist tr td.status,
	.webkit .messagelist tr td.flag,
	.webkit .messagelist tr td.priority {
	width: 26px;
	}

	.messagelist tr td.threads {
	width: 26px;
	}

	.webkit .messagelist tr td.threads {
	width: 30px;
	}

	.messagelist tr td.threads,
	.messagelist tr td.threads + td {
	border-left: 0;
	}

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

	.messagelist thead tr td.size {
	text-align: left;
	}

	.messagelist tr td.fromto,
	.messagelist tr td.from,
	.messagelist tr td.to,
	.messagelist tr td.cc,
	.messagelist tr td.replyto {
	width: 200px;
	}

	.messagelist tr td.date {
	width: 155px;
	}

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

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

	.messagelist tr.message {
	/* background-color: #fff; */
	}

	.messagelist tr.thread.expanded td {
	background-color: #ededed;
	}

	.messagelist tr.unread {
	font-weight: bold;
	/* background-color: #fff; */
	}

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

	.messagelist thead tr td.sortedASC a,
	.messagelist thead tr td.sortedDESC a {
	color: #004458;
	text-decoration: underline;
	background: url(images/listicons.png) right -912px no-repeat;
	}

	.messagelist thead tr td.sortedASC a {
	background-position: right -944px;
	}

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

	.messagelist tbody td a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	cursor: default;
	}

	.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: 20px;
	}

	.messagelist tr td div.collapsed,
	.messagelist tr td div.expanded,
	.messagelist tr td.threads div.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: 18px;
	width: 20px;
	padding: 0;
	background: url(images/listicons.png) -100px 0 no-repeat;
	}

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

	.messagelist thead tr td.attachment span.attachment {
	background-position: -24px -997px;
	}

	.messagelist tbody tr td.attachment span.report {
	background-position: -24px -1116px;
	}

	.messagelist thead tr td.priority span.priority {
	background-position: -24px -1845px;
	}

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

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

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

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

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

	.messagelist thead tr td.flag span.flagged {
	background-position: -22px -1036px;
	}

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

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

	.messagelist tr td.subject span.msgicon,
	.messagelist tr td.subject span.unreadchildren {
	background-position: 0 -1056px;
	margin: 0 1px 0 0;
	width: 24px;
	}

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

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

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

	.messagelist tr td.status span.msgicon,
	.messagelist tr td.flag span.unflagged,
	.messagelist tr td.status span.unreadchildren {
	background-position: 0 1056px; /* no icon */
	}
	/*
	.messagelist tr td.status span.msgicon:hover {
	background-position: 0 -272px;
	}
	*/
	.messagelist tr td.status span.deleted,
	.messagelist tr td.status span.deleted:hover,
	.messagelist tr td.subject span.deleted {
	background-position: -22px -1096px;
	}

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

	.messagelist thead tr td.status span.status {
	background-position: -23px -1017px;
	}

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

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

	.messagelist tr td.threads div.listmenu {
	background-position: 0 -976px;
	cursor: pointer;
	width: 26px;
	}

	.messagelist thead tr td.subject,
	.messagelist tbody tr td.subject {
	width: 99%;
	white-space: nowrap;
	}

	.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;
	}

	/** tree indicators **/

	.messagelist tbody tr td span.branch div {
	display: inline-block;
	}

	.messagelist tbody tr td span.branch div.tree {
	width: 15px;
	}

	#listoptions ul.proplist {
	min-width: 16em;
	}

	/** message view **/

	#mailpreviewframe {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0px;
	}

	#messagecontframe {
	border: 0;
	border-radius: 4px 4px 0 0;
	}

	#messagecontent {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	bottom: 1px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

	#messageheader,
	#composeheaders {
	position: relative;
	padding: 3px 0;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0));
	background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(top, #fff 0%, #f0f0f0 100%);
	border-bottom: 1px solid #dfdfdf;
	}

	#mailview-right #messageheader {
	border-radius: 4px 4px 0 0;
	padding-left: 78px;
	/* avoid headers eating up all the vertical space */
	max-height: 50%;
	overflow: auto;
	}

	h2.subject {
	font-size: 15px;
	margin: 0 15em 0 0;
	padding: 4px 8px 2px 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	#mailview-right #messageheader h2.subject {
	margin-left: -56px;
	}

	h3.subject {
	font-size: 14px;
	margin: 0 12em 0 0;
	padding: 8px 8px 4px 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	.headers-table td {
	color: #666;
	padding: 2px 8px;
	}

	.headers-table td.header,
	.ui-dialog-content.popup span.adr {
	font-weight: bold;
	}

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

	.headers-table td.header a,
	.ui-dialog-content.popup span.adr a {
	color: #666;
	text-decoration: none;
	}

	.headers-table td.header a:hover,
	.ui-dialog-content.popup span.adr a:hover {
	text-decoration: underline;
	}

	.headers-table td.subject {
	color: #333;
	font-size: 110%;
	font-weight: bold;
	}

	.headers-table td.header span,
	.ui-dialog-content.popup span.adr {
	white-space: nowrap;
	}

	.headers-table td.header a.morelink {
	color: #0069a6;
	white-space: nowrap;
	font-weight: normal;
	}

	.rcmaddcontact {
	position: relative;
	top: 1px;
	margin-left: 0.5em;
	}

	.rcmaddcontact imp {
	width: 20px;
	height: 13px;
	}

	#preview-allheaders {
	display: none;
	}

	#preview-allheaders td.header-title,
	#preview-shortheaders td.header-title {
	padding-left: 0;
	}

	#preview-shortheaders td.header {
	padding-right: 18px;
	}

	.moreheaderstoggle {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 18px;
	padding: 0;
	outline: none;
	background: #f2f2f2;
	background: -moz-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0,#fbfbfb), color-stop(100%,#e9e9e9));
	background: -o-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
	background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
	background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
	border-right: 1px solid #dfdfdf;
	border-radius: 3px 0 0 0; /* for Opera */
	}

	.moreheaderstoggle .iconlink {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 18px;
	height: 16px;
	background: url(images/buttons.png) -27px -242px no-repeat;
	}

	.moreheaderstoggle.remove .iconlink {
	top: auto;
	bottom: 5px;
	background-position: -5px -242px;
	}

	#full-headers {
	position: relative;
	}

	div.more-headers {
	position: absolute;
	top: -12px;
	right: 10px;
	width: 12px;
	height: 10px;
	cursor: pointer;
	background: url(images/buttons.png) center -1579px no-repeat;
	}

	div.hide-headers {
	background-position: center -1590px;
	}

	#all-headers {
	position: relative;
	margin: 4px 10px;
	padding: 0;
	height: 180px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fdfdfd;
	-moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
	-webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
	-o-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
	box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
	}

	#headers-source {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 3px 6px;
	overflow: auto;
	text-align: left;
	color: #333;
	}

	#messageheader.previewheader #all-headers {
	margin-left: 0;
	}

	#messageheader.previewheader {
	position: relative;
	height: auto;
	min-height: 52px;
	padding: 0 0 3px 72px;
	}

	#messageheader.previewheader h3.subject {
	padding: 8px 8px 2px 0;
	}

	#messageheader.previewheader #contactphoto {
	display: block;
	position: absolute;
	top: 11px;
	left: 30px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	background: url(images/contactpic_32px.png) center center no-repeat #fff;
	border-radius: 3px;
	}

	#messageheader.previewheader #contactphoto img {
	width: 32px;
	height: auto;
	border-radius: 3px;
	}

	#messageheader .message-headers {
	min-height: 60px;
	}

	#messageheader #contactphoto {
	display: block;
	position: absolute;
	top: 34px;
	left: 30px;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid #e6e6e6;
	background: url(images/contactpic_48px.png) center center no-repeat #fff;
	}

	#messageheader #contactphoto img {
	width: 48px;
	height: auto;
	border-radius: 4px;
	}

	#messageheader #countcontrols,
	#messageheader #formatcontrols {
	position: absolute;
	top: 8px;
	right: 8px;
	text-align: right;
	white-space: nowrap;
	}

	#messageheader #formatcontrols {
	top: 38px;
	right: 8px;
	}

	#messageheader .pagenav .countdisplay {
	min-width: 0;
	padding-right: 0.5em;
	white-space: nowrap;
	}

	#messagecontent .leftcol,
	#messagepreview .leftcol {
	margin-right: 252px;
	overflow-x: auto;
	}

	#messagecontent .rightcol,
	#messagepreview .rightcol {
	float: right;
	/*
	position: absolute;
	top: 10px;
	right: 10px;
	height: 90%;
	*/
	width: 230px;
	margin: 8px;
	min-height: 200px;
	background: #f0f0f0;
	padding: 8px;
	border-radius: 4px;
	}

	#messagebody {
	position: relative;
	margin: 8px;
	}

	#message-objects div,
	#messagebody span.part-notice {
	margin: 8px;
	}

	#message-objects div.notice {
	display: block;
	color: #960;
	border: 1px solid #ffdf0e;
	background-color: #fef893;
	background-position: 5px -83px;
	padding: 6px 12px 6px 30px;
	white-space: normal;
	}

	#message-objects div a.button,
	#messagebody span.part-notice a.button {
	margin-left: 10px;
	margin-top: -1px;
	}

	div.message-part,
	div.message-htmlpart,
	div.message-partheaders {
	padding: 10px 2px;
	border-top: 1px solid #ccc;
	}

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

	div.message-part pre,
	div.message-htmlpart pre,
	div.message-part div.pre {
	margin: 0;
	padding: 0;
	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: #666;
	}

	div.message-part blockquote {
	color: blue;
	border-left: 2px solid blue;
	border-right: 2px solid blue;
	background-color: #F6F6F6;
	margin: 2px 0 2px 0;
	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: #900;
	border-left: 2px solid #b00;
	border-right: 2px solid #b00;
	}

	div.message-partheaders {
	margin-top: 8px;
	padding: 8px 0;
	}

	div.message-partheaders .headers-table {
	width: 100%;
	}

	div.message-partheaders .headers-table td.header-title {
	width: auto;
	padding-left: 0;
	}

	div.message-partheaders .headers-table td.header {
	width: 88%;
	}

	#messagebody > hr {
	color: #fff;
	background: #fff;
	border: 0;
	border-bottom: 2px solid #f0f0f0;
	}

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

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

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

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

	#messagebody p.image-attachment a.image-link {
	float: left;
	display: block;
	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 {
	padding-right: 1em;
	}

	#messagebody p.image-attachment .attachment-links a {
	margin-right: 0.6em;
	}

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

	#messagepartframe {
	border: 0;
	width: 100%;
	height: 100%;
	}

	#messagepartheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	bottom: 0;
	}

	#messagepartheader table {
	table-layout: fixed;
	overflow: hidden;
	}

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

	#messagepartheader table td.title {
	width: 60px;
	padding-right: 0;
	}


	/* message composition */

	#composeview-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	bottom: 0;
	}

	#composeview-right {
	position: absolute;
	top: 0;
	left: 262px;
	right: 0;
	bottom: 0;
	}

	#compose-contacts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	}

	-#composequicksearch {
	- position: relative;
	- padding: 4px;
	- background: #c7e3ef;
	-}
	-
	-#composequicksearch .searchbox input {
	- width: 100%;
	- height: 26px;
	- -moz-box-sizing: border-box;
	- box-sizing: border-box;
	-}
	-
	-#composequicksearch #searchmenulink {
	- width: 15px;
	-}
	-
	#compose-contacts #directorylist {
	border-bottom: 4px solid #c7e3ef;
	}

	#compose-contacts .scroller {
	top: 65px;
	border-top: 1px solid #fff;
	}

	#contacts-table {
	table-layout: fixed;
	}

	#contacts-table td {
	width: 100%;
	}

	#contacts-table td span {
	display: block;
	}

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

	#compose-contacts li a, #contacts-table td {
	background: url(images/listicons.png) -100px 0 no-repeat;
	overflow: hidden;
	padding-left: 36px;
	text-overflow: ellipsis;
	}

	#contacts-table td.contactgroup a {
	color: #376572;
	text-decoration: none;
	}

	#contacts-table td.contactgroup a span {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 11px;
	margin-left: 0.3em;
	}

	#contacts-table tr:first-child td {
	border-top: 0;
	}

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

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

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

	#contacts-table tr.unfocused td.contactgroup,
	#contacts-table tr.selected td.contactgroup {
	background-position: 6px -1579px;
	}

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

	#contacts-table tr.unfocused td.contact,
	#contacts-table tr.selected td.contact {
	background-position: 6px -1627px;
	}

	#compose-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: hidden;
	}

	#composeheaders {
	border-radius: 4px 4px 0 0;
	padding-left: 19px;
	}

	#composebuttons {
	position: absolute;
	top: 6px;
	right: 6px;
	width: auto;
	white-space: nowrap;
	z-index: 100;
	}

	#composebuttons a.button.extwin {
	padding: 2px 3px;
	}

	.compose-headers {
	width: 99%;
	margin-bottom: 2px;
	}

	.compose-headers td {
	padding: 2px 4px;
	}

	.compose-headers td.title {
	width: 11%;
	white-space: nowrap;
	padding-left: 6px;
	}

	.compose-headers td.title label {
	float: left;
	}

	.compose-headers td.title a.iconbutton {
	float: right;
	position: relative;
	top: -2px;
	width: 15px;
	}

	.compose-headers td.editfield {
	width: 90%;
	padding-left: 4px;
	}

	.compose-headers td.editfield a.iconlink {
	margin-left: 0.5em;
	}

	.compose-headers td.formlinks {
	padding: 0 4px;
	}

	.compose-headers td.top {
	vertical-align: top;
	padding-top: 10px;
	}

	.compose-headers td textarea,
	.compose-headers td input {
	width: 100%;
	resize: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

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

	#composeoptions {
	display: none;
	padding: 2px 0 0 8px;
	white-space: normal;
	border-top: 1px solid #dfdfdf;
	box-shadow: inset 0 1px 0 0 #fff;
	-o-box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	}

	.composeoption {
	color: #666;
	padding-right: 22px;
	white-space: nowrap;
	}

	#composeoptions .composeoption {
	display: inline-block;
	padding: 4px 22px 4px 0;
	}

	#composeoptions .composeoption:last-child {
	padding-right: 4px;
	}

	.mozilla .composeoption input {
	vertical-align: -3px;
	}

	#composeview-bottom {
	position: relative;
	width: 100%;
	height: 200px;
	}

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

	#composebodycontainer.buttons {
	bottom: 42px;
	}

	#composebody {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 99%;
	border: 0;
	border-radius: 0 0 0 4px;
	padding: 8px 0 8px 8px;
	resize: none;
	font-family: monospace;
	font-size: 9pt;
	outline: none;
	box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
	-moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
	-o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
	}

	#composebody:active,
	#composebody:focus {
	box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
	-moz-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
	-webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
	-o-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
	}

	#compose-attachments {
	position: absolute;
	right: 0;
	top: 1px;
	bottom: 0;
	width: 240px;
	background: #f0f0f0;
	border-style: solid;
	border-color: #f0f0f0 #f0f0f0 #f0f0f0 #ddd;
	border-width: 1px;
	padding: 8px;
	overflow: auto;
	}

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

	#compose-attachments.droptarget.hover,
	#compose-attachments.droptarget.active {
	border-color: #019bc6;
	box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	}

	#compose-attachments.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);
	}

	#composeview-bottom .formbuttons.floating {
	position: absolute;
	width: auto;
	right: 260px;
	z-index: 200;
	padding-bottom: 8px;
	}

	.defaultSkin table.mceLayout,
	.defaultSkin table.mceLayout tr.mceLast td {
	border: 0 !important;
	}

	.defaultSkin td.mceToolbar {
	border: 0 !important;
	}

	.defaultSkin table.mceLayout tr.mceFirst td {
	background: #f0f0f0;
	}

	#composebody_toolbargroup {
	border-bottom: 1px solid #ddd;
	}

	#uploadform a.iconlink {
	margin-left: 1em;
	text-indent: -5000px;
	}

	#uploadform form div {
	margin: 4px 0;
	}

	diff --git a/skins/larry/styles.css b/skins/larry/styles.css
	index 580b20f1a..106279828 100644
	--- a/skins/larry/styles.css
	+++ b/skins/larry/styles.css
	@@ -1,2703 +1,2723 @@
	/**
	* 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;
	}

	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;
	}

	.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.searchicon,
	a.iconbutton.searchoptions {
	width: 24px;
	background-position: -2px -317px;
	}

	+a.iconbutton.searchicon,
	+a.iconbutton.searchoptions {
	+ width: 15px;
	+}
	+
	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.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: 7px 8px 6px 8px;
	line-height: 20px;
	margin: 0;
	text-shadow: 0px 1px 1px #fff;
	border-bottom: 1px solid #bbd3da;
	white-space: nowrap;
	}

	.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: 4px 8px;
	line-height: 17px;
	white-space: nowrap;
	}

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

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

	.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 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;
	}

	.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: url(images/buttons.png) -1000px 0 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 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 tbody tr.focused > td:first-child {
	border-left: 2px solid #b0ccd7;
	padding-left: 4px;
	}

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

	.records-table tr.selected td {
	color: #fff !important;
	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 .searchicon,
	.searchbox #searchmenulink,
	#quicksearchbar #searchmenulink {
	position: absolute;
	top: 5px;
	left: 6px;
	}

	.searchbox #searchreset,
	+.searchbox .iconbutton.reset,
	#quicksearchbar #searchreset {
	position: absolute;
	top: 4px;
	right: 1px;
	}

	+.listsearchbox {
	+ position: relative;
	+ padding: 4px;
	+ background: #c7e3ef;
	+}
	+
	+.listsearchbox input {
	+ width: 100%;
	+ height: 26px;
	+ -moz-box-sizing: border-box;
	+ box-sizing: border-box;
	+}

	/* 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;
	}

	.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: 42px;
	width: 18px;
	background: url(images/buttons.png) 0 -1255px no-repeat;
	cursor: pointer;
	}

	.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;
	}


	/* 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 16px 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,
	#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%);
	}

	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.txt,
	.attachmentslist li.text {
	background-position: 0 -416px;
	}

	.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.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;
	}

	.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;
	}

	#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;
	}
	diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html
	index d0338292b..90df4f3a8 100644
	--- a/skins/larry/templates/compose.html
	+++ b/skins/larry/templates/compose.html
	@@ -1,213 +1,213 @@
	<roundcube:object name="doctype" value="html5" />
	<html>
	<head>
	<title><roundcube:object name="pagetitle" /></title>
	<roundcube:include file="/includes/links.html" />
	<roundcube:if condition="config:enable_spellcheck" />
	<link rel="stylesheet" type="text/css" href="/googiespell.css" />
	<roundcube:endif />
	</head>
	<roundcube:if condition="env:extwin" /><body class="extwin"><roundcube:else /><body><roundcube:endif />

	<roundcube:include file="/includes/header.html" />

	<div id="mainscreen">

	<!-- toolbar -->
	<div id="messagetoolbar" class="fullwidth">
	<div id="mailtoolbar" class="toolbar">
	<roundcube:button command="list" type="link" class="button back disabled" classAct="button back" classSel="button back pressed" label="cancel" condition="!env:extwin" />
	<roundcube:button command="close" type="link" class="button close disabled" classAct="button close" classSel="button close pressed" label="cancel" condition="env:extwin" />
	<span class="spacer"></span>
	<roundcube:button command="send" type="link" class="button send" classAct="button send" classSel="button send pressed" label="send" title="sendmessage" />
	<roundcube:button command="savedraft" type="link" class="button savedraft" classAct="button savedraft" classSel="button savedraft pressed" label="save" title="savemessage" />
	<span class="spacer"></span>
	<roundcube:if condition="config:enable_spellcheck" />
	<span class="dropbutton">
	<roundcube:button command="spellcheck" type="link" class="button spellcheck disabled" classAct="button spellcheck" classSel="button spellcheck pressed" label="spellcheck" title="checkspelling" />
	<span class="dropbuttontip" id="spellmenulink" onclick="UI.show_popup('spellmenu');return false"></span>
	</span>
	<roundcube:endif />
	<roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attach pressed" label="attach" title="addattachment" onclick="UI.show_uploadform();return false" />
	<roundcube:button command="insert-sig" type="link" class="button insertsig disabled" classAct="button insertsig" classSel="button insertsig pressed" label="signature" title="insertsignature" />
	<a href="#responses" class="button responses" label="responses" title="<roundcube:label name='insertresponse' />" id="responsesmenulink" unselectable="on" onmousedown="return false" onclick="UI.show_popup('responsesmenu');return false"><roundcube:label name="responses" /></a>
	<roundcube:container name="toolbar" id="compose-toolbar" />
	</div>
	</div>

	<div id="mainscreencontent">

	<div id="composeview-left">

	<!-- inline address book -->
	<div id="compose-contacts" class="uibox listbox">
	<h2 class="boxtitle"><roundcube:label name="contacts" /></h2>
	- <div id="composequicksearch">
	+ <div class="listsearchbox">
	<div class="searchbox">
	<roundcube:object name="searchform" id="contactsearchbox" />
	- <a id="searchmenulink" class="iconbutton searchoptions"> </a>
	- <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
	+ <a id="searchmenulink" class="iconbutton searchicon"> </a>
	+ <roundcube:button command="reset-search" class="iconbutton reset" title="resetsearch" content=" " />
	</div>
	</div>
	<roundcube:object name="addressbooks" id="directorylist" class="listing" />
	<div class="scroller withfooter">
	<roundcube:object name="addresslist" id="contacts-table" class="listing" noheader="true" />
	</div>
	<div class="boxfooter">
	<roundcube:button command="add-recipient" prop="to" type="link" title="to" class="listbutton addto disabled" classAct="listbutton addto" innerClass="inner" content="To+" /><roundcube:button command="add-recipient" prop="cc" type="link" title="cc" class="listbutton addcc disabled" classAct="listbutton addcc" innerClass="inner" content="Cc+" /><roundcube:button command="add-recipient" prop="bcc" type="link" title="bcc" class="listbutton addbcc disabled" classAct="listbutton addbcc" innerClass="inner" content="Bcc+" />
	</div>
	<div class="boxpagenav">
	<roundcube:button command="firstpage" type="link" class="icon firstpage disabled" classAct="icon firstpage" title="firstpage" content="\|&lt;" />
	<roundcube:button command="previouspage" type="link" class="icon prevpage disabled" classAct="icon prevpage" title="previouspage" content="&lt;" />
	<roundcube:button command="nextpage" type="link" class="icon nextpage disabled" classAct="icon nextpage" title="nextpage" content="&gt;" />
	<roundcube:button command="lastpage" type="link" class="icon lastpage disabled" classAct="icon lastpage" title="lastpage" content="&gt;\|" />
	</div>
	</div>

	</div>

	<div id="composeview-right">

	<roundcube:form name="form" method="post" id="compose-content" class="uibox">

	<!-- message headers -->
	<div id="composeheaders">
	<a href="#options" id="composeoptionstoggle" class="moreheaderstoggle"><span class="iconlink" title="<roundcube:label name='options' />"></span></a>

	<table class="headers-table compose-headers">
	<tbody>
	<tr>
	<td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
	<td class="editfield">
	<roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" />
	<a href="#identities" onclick="return rcmail.command('identities')" class="iconlink edit"><roundcube:label name="editidents" /></a>
	</td>
	</tr><tr>
	<td class="title top"><label for="_to"><roundcube:label name="to" /></label></td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="1" tabindex="2" /></td>
	</tr><tr id="compose-cc">
	<td class="title top">
	<label for="_cc"><roundcube:label name="cc" /></label>
	<a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a>
	</td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="1" tabindex="3" /></td>
	</tr><tr id="compose-bcc">
	<td class="title top">
	<label for="_bcc"><roundcube:label name="bcc" /></label>
	<a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a>
	</td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="1" tabindex="4" /></td>
	</tr><tr id="compose-replyto">
	<td class="title top">
	<label for="_replyto"><roundcube:label name="replyto" /></label>
	<a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a>
	</td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td>
	</tr><tr id="compose-followupto">
	<td class="title top">
	<label for="_followupto"><roundcube:label name="followupto" /></label>
	<a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' />">x</a>
	</td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="7" /></td>
	</tr><tr>
	<td></td>
	<td class="formlinks">
	<a href="#cc" onclick="return UI.show_header_row('cc')" id="cc-link" class="iconlink add"><roundcube:label name="addcc" /></a>
	<a href="#bcc" onclick="return UI.show_header_row('bcc')" id="bcc-link" class="iconlink add"><roundcube:label name="addbcc" /></a>
	<a href="#reply-to" onclick="return UI.show_header_row('replyto')" id="replyto-link" class="iconlink add"><roundcube:label name="addreplyto" /></a>
	<a href="#followup-to" onclick="return UI.show_header_row('followupto')" id="followupto-link" class="iconlink add"><roundcube:label name="addfollowupto" /></a>
	</td>
	</tr><tr>
	<td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
	<td class="editfield"><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="8" /></td>
	</tr>
	</tbody>
	</table>

	<div id="composebuttons" class="formbuttons">
	<roundcube:button command="extwin" type="link" class="button extwin" classSel="button extwin pressed" innerClass="icon" title="openinextwin" content="[]" condition="!env:extwin" />
	</div>

	<!-- (collapsable) message options -->
	<div id="composeoptions">
	<roundcube:if condition="!in_array('htmleditor', (array)config:dont_override)" />
	<span class="composeoption">
	<label><roundcube:label name="editortype" />
	<roundcube:object name="editorSelector" editorid="composebody" tabindex="14" /></label>
	</span>
	<roundcube:endif />
	<span class="composeoption">
	<label for="rcmcomposepriority"><roundcube:label name="priority" />
	<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></label>
	</span>
	<span class="composeoption">
	<label><roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" /> <roundcube:label name="returnreceipt" /></label>
	</span>
	<roundcube:if condition="config:smtp_server != ''" />
	<span class="composeoption">
	<label><roundcube:object name="dsnCheckBox" form="form" id="rcmcomposedsn" /> <roundcube:label name="dsn" /></label>
	</span>
	<roundcube:endif />
	<roundcube:if condition="!config:no_save_sent_messages" />
	<span class="composeoption">
	<label><roundcube:label name="savesentmessagein" /> <roundcube:object name="storetarget" maxlength="30" style="max-width:12em" /></label>
	</span>
	<roundcube:endif />
	<roundcube:container name="composeoptions" id="composeoptions" />
	</div>

	</div>

	<!-- message compose body -->
	<div id="composeview-bottom">
	<div id="composebodycontainer">
	<roundcube:object name="composeBody" id="composebody" form="form" cols="70" rows="20" tabindex="9" />
	</div>
	<div id="compose-attachments" class="rightcol">
	<div style="text-align:center; margin-bottom:20px">
	<roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform();return false" />
	</div>
	<roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" />
	<roundcube:object name="fileDropArea" id="compose-attachments" />
	</div>
	<!--
	<div id="composeformbuttons" class="footerleft formbuttons floating">
	<roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="11" />
	<roundcube:button type="input" command="savedraft" class="button" label="savemessage" tabindex="12" />
	<roundcube:button type="input" command="list" class="button" label="cancel" tabindex="13" />
	</div>
	-->
	</div>

	</form>

	</div><!-- end mailview-right -->

	</div><!-- end mainscreencontent -->

	</div><!-- end mainscreen -->

	<div id="upload-dialog" class="propform popupdialog" title="<roundcube:label name='addattachment' />">
	<roundcube:object name="composeAttachmentForm" id="uploadform" buttons="no" />
	<div class="formbuttons">
	<roundcube:button command="send-attachment" type="input" class="button mainaction" label="upload" />
	<roundcube:button name="close" type="input" class="button" label="cancel" onclick="UI.show_uploadform()" />
	</div>
	</div>

	<div id="spellmenu" class="popupmenu"></div>

	<div id="responsesmenu" class="popupmenu">
	<ul class="toolbarmenu" id="textresponsesmenu">
	<li class="separator" id=""><label><roundcube:label name="insertresponse" /></label></li>
	<roundcube:object name="responseslist" id="responseslist" tagname="ul" itemclass="active" />
	<li class="separator"><label><roundcube:label name="manageresponses" /></label></li>
	<li><roundcube:button command="save-response" type="link" label="savenewresponse" classAct="active" unselectable="on" /></li>
	<li><roundcube:button command="responses" type="link" label="editresponses" classAct="active" /></li>
	</ul>
	</div>

	<roundcube:include file="/includes/footer.html" />

	</body>
	</html>

File Metadata

Mime Type: text/x-diff
Expires: Mon, Aug 17, 11:13 PM (1 d, 17 h)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1261697
Default Alt Text: (101 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions