No OneTemporary
Actions

Size

63 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/skins/classic/common.css b/skins/classic/common.css
	index 4367d26cb..003c28d8c 100644
	--- a/skins/classic/common.css
	+++ b/skins/classic/common.css
	@@ -1,1191 +1,1221 @@
	/*** Roundcube\|Mail basic styles ***/

	body
	{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 8px;
	background-color: #F6F6F6;
	color: #000;
	font-size: 12px;
	}

	body.iframe
	{
	margin: 20px 0 0 0;
	background-color: #FFF;
	}

	body.extwin
	{
	margin: 10px;
	}

	select, input, textarea
	{
	font-size: 12px;
	font-family: inherit;
	}

	th
	{
	font-weight: normal;
	}

	h3
	{
	font-size: 18px;
	}

	a, a:active, a:visited
	{
	color: #000;
	outline: none;
	}

	a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
	{
	color: #000;
	text-decoration: none;
	}

	a.tab
	{
	width: 80px;
	display: block;
	text-align: center;
	}

	a.disabled
	{
	color: #999;
	text-decoration: none;
	cursor: default;
	}

	hr
	{
	height: 1px;
	background-color: #666;
	border-style: none;
	}

	input[type="text"],
	input[type="button"],
	input[type="password"],
	textarea
	{
	border: 1px solid #666;
	color: #333;
	background-color: #FFF;
	}

	input, textarea
	{
	color: black;
	padding: 1px 3px;
	}

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

	input.button
	{
	height: 20px;
	color: #333333;
	font-size: 12px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	}

	input.button:hover
	{
	color: black;
	}

	input.button[disabled],
	input.button[disabled]:hover
	{
	color: #aaa;
	border-color: #ccc;
	}

	input.mainaction
	{
	font-weight: bold;
	border: 1px solid #999;
	}

	img
	{
	border: 0;
	}

	.alttext
	{
	font-size: 11px;
	}

	.hint
	{
	color: #666;
	font-size: 11px;
	}

	.formlinks a,
	.formlinks a:visited
	{
	color: #CC0000;
	font-size: 11px;
	text-decoration: none;
	}

	.formlinks a.disabled,
	.formlinks a.disabled:visited
	{
	color: #999999;
	}

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


	/** common user interface objects */

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

	.extwin #mainscreen
	{
	top: 43px;
	}

	body > #logo
	{
	margin-left: 12px;
	cursor: pointer;
	}

	#taskbar
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 24px;
	left: 250px;
	background: url(images/taskbar.png) top right no-repeat;
	padding: 10px 6px 5px 0px;
	text-align: right;
	white-space: nowrap;
	z-index: 2;
	}

	#taskbar a
	{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding: 6px 12px 6px 26px;
	background: url(images/taskicons.gif) no-repeat;
	}

	#taskbar a:hover
	{
	color: #333333;
	}

	#taskbar a.button-mail
	{
	background-position: 0 0;
	}

	#taskbar a.button-addressbook
	{
	background-position: 0 -25px;
	}

	#taskbar a.button-settings
	{
	background-position: 0 -50px;
	}

	#taskbar a.button-logout
	{
	background-position: 0 -75px;
	}

	body > #message
	{
	position: absolute;
	display: none;
	top: -1px;
	margin-left: -225px;
	left: 50%;
	z-index: 5000;
	opacity: 0.85;
	}

	body > #message div
	{
	width: 400px;
	margin: 0px;
	min-height: 22px;
	padding: 8px 10px 8px 46px;
	}

	body > #message div.notice,
	body > #messagebody .part-notice,
	#message-objects div.notice
	{
	background: url(images/display/icons.png) 6px 3px no-repeat;
	background-color: #F7FDCB;
	border: 1px solid #C2D071;
	}

	body > #message div.error,
	body > #message div.warning,
	#message-objects div.warning,
	#message-objects div.error
	{
	background: url(images/display/icons.png) 6px -97px no-repeat;
	background-color: #EF9398;
	border: 1px solid #DC5757;
	}

	body > #message div.confirmation,
	#message-objects div.confirmation
	{
	background: url(images/display/icons.png) 6px -47px no-repeat;
	background-color: #A6EF7B;
	border: 1px solid #76C83F;
	}

	body > #message div.loading,
	#message-objects div.loading
	{
	background: url(images/display/loading.gif) 6px 3px no-repeat;
	background-color: #EBEBEB;
	border: 1px solid #CCCCCC;
	}

	body > #message a
	{
	cursor: pointer;
	text-decoration: underline;
	}

	body.extwin #closelink
	{
	position: absolute;
	top: 5px;
	right: 20px;
	text-align: right;
	z-index:100;
	}

	.box
	{
	border: 1px solid #999;
	}

	.boxtitle
	{
	height: 12px !important;
	padding: 2px 10px 5px 5px;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	background: url(images/listheader.gif) top left repeat-x #CCC;
	}

	.boxtitle .rightalign
	{
	float: right;
	}

	body.iframe .boxtitle
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	}

	.boxcontent
	{
	padding: 15px 10px 10px 10px;
	background-color: #F2F2F2;
	}

	.boxcontent table td.title
	{
	color: #666;
	padding-right: 10px;
	}

	.boxlistcontent
	{
	position: absolute;
	top: 20px;
	bottom: 22px;
	left: 0;
	right: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	}

	.boxsubject
	{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	height: 22px;
	border-bottom: 1px solid #999;
	background: url(images/listheader.gif) top left repeat-x #CCC;
	}

	.boxfooter
	{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	height: 22px;
	border-top: 1px solid #999;
	background: url(images/listheader.gif) top left repeat-x #CCC;
	}

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

	.boxfooter a.groupactions
	{
	background-position: 0 -26px;
	}

	.boxfooter a.delgroup {
	background-position: 0 -49px;
	}

	.boxfooter a.buttonPas
	{
	opacity: 0.35;
	}

	.pagenav span
	{
	color: #444;
	font-size: 11px;
	text-shadow: white 1px 1px;
	white-space: nowrap;
	}

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

	.pagenav a.buttonPas {
	opacity: 0.35;
	}

	.pagenav a.firstpageSel {
	background-position: 0 -11px;
	}

	.pagenav a.prevpage {
	background-position: -11px 0;
	}

	.pagenav a.prevpageSel {
	background-position: -11px -11px;
	}

	.pagenav a.nextpage {
	background-position: -22px 0;
	}

	.pagenav a.nextpageSel {
	background-position: -22px -11px;
	}

	.pagenav a.lastpage {
	background-position: -33px 0;
	}

	.pagenav a.lastpageSel {
	background-position: -33px -11px;
	}

	.splitter
	{
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	position: absolute;
	background: url(images/dimple.png) center no-repeat;
	}

	.splitter-h
	{
	cursor: n-resize; cursor: row-resize;
	background-position: center 2px;
	}

	.splitter-v
	{
	cursor: e-resize; cursor: col-resize;
	background-position: 2px center;
	}

	.popupmenu
	{
	position: absolute;
	top: 32px;
	left: 90px;
	width: auto;
	max-height: 70%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: auto;
	display: none;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	border: 1px solid #999;
	padding: 4px;
	z-index: 240;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 12px #999;
	-moz-box-shadow: 1px 1px 12px #999;
	-webkit-box-shadow: #999 1px 1px 12px;
	}

	.popupmenu ul
	{
	margin: -4px 0;
	padding: 0;
	list-style: none;
	}

	.popupmenu ul li
	{
	font-size: 11px;
	white-space: nowrap;
	min-width: 100px;
	margin: 3px -4px;
	}

	.popupmenu li a,
	.popupmenu li label
	{
	display: block;
	color: #a0a0a0;
	padding: 2px 16px 2px 10px;
	text-decoration: none;
	min-height: 14px;
	background: transparent;
	}

	.popupmenu li label.comment
	{
	color: #999;
	font-style: italic;
	padding-top: 4px;
	padding-bottom: 3px;
	}

	.popupmenu li a.active,
	.popupmenu li a.active:active,
	.popupmenu li a.active:visited
	{
	color: #333;
	}

	.popupmenu li a.active:hover,
	.popupmenu.selectable li a.selected:hover
	{
	color: #fff;
	background-color: #c00;
	}

	.popupmenu li.block input
	{
	float: left;
	}

	.popupmenu.selectable li a.selected
	{
	background: url(images/messageicons.png) 2px -372px no-repeat;
	}

	.popupmenu.selectable li a
	{
	padding-left: 20px;
	}

	.darkbg
	{
	background-color: #F2F2F2 !important;
	}

	.dropbutton,
	.dropbutton span
	{
	float: left;
	height: 32px;
	}

	.dropbutton:hover
	{
	/* background: url(images/dbutton.png) 0 0 no-repeat transparent; */
	}

	.dropbutton span
	{
	width: 9px;
	background: url(images/dbutton.png) -53px 0 no-repeat transparent;
	}

	.dropbutton span:hover
	{
	cursor: pointer;
	background-position: -74px 0;
	}

	img.uploading
	{
	width: 16px;
	height: 16px;
	}

	/*** common table settings ****/

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

	table.records-table tbody tr td
	{
	height: 16px;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	white-space: nowrap;
	border-bottom: 1px solid #EBEBEB;
	overflow: hidden;
	text-align: left;
	}

	table.records-table tr
	{
	background-color: #FFFFFF;
	}

	table.records-table tr.selected td
	{
	color: #FFFFFF;
	background-color: #CC3333;
	}

	table.records-table tr.focused td
	{
	}

	table.records-table tr.unfocused td
	{
	color: #FFFFFF;
	background-color: #929292;
	}

	ul.treelist li
	{
	position: relative;
	}

	ul.treelist li div.treetoggle
	{
	position: absolute;
	left: 8px !important;
	left: -16px;
	top: 1px;
	width: 14px;
	height: 16px;
	cursor: pointer;
	}

	ul.treelist li ul li div.treetoggle
	{
	left: 28px !important;
	left: 4px;
	}

	ul.treelist li div.collapsed
	{
	background: url(images/icons/collapsed.png) bottom right no-repeat;
	}

	ul.treelist li div.expanded
	{
	background: url(images/icons/expanded.png) bottom right no-repeat;
	}


	ul.treelist,
	ul.treelist li ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	}

	ul.treelist li ul
	{
	border-top: 1px solid #EBEBEB;
	}

	ul.treelist li
	{
	display: block;
	font-size: 11px;
	border-bottom: 1px solid #EBEBEB;
	white-space: nowrap;
	}

	ul.treelist li a
	{
	cursor: default;
	display: block;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 16px;
	text-decoration: none;
	white-space: nowrap;
	}

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

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

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

	ul.treelist li.selected > a
	{
	color: #FFF;
	font-weight: bold;
	background-color: #929292;
	}

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


	/*** mac-style quicksearch field ***/

	+div.searchbox,
	#quicksearchbar
	{
	- position: absolute;
	- top: 55px;
	- right: 10px;
	+ position: relative;
	width: 190px;
	height: 20px;
	text-align: right;
	background: url(images/searchfield.gif) top left no-repeat;
	}

	-#searchreset
	+#quicksearchbar
	+{
	+ position: absolute;
	+ top: 55px;
	+ right: 10px;
	+}
	+
	+#searchreset,
	+div.searchbox a.searchreset
	{
	position: absolute;
	top: 3px;
	right: 12px;
	text-decoration: none;
	}

	-#searchmenulink
	+#searchmenulink,
	+div.searchbox a.searchmenu,
	+div.searchbox a.searchicon
	{
	position: absolute;
	top: 3px;
	right: 168px;
	}

	+div.searchbox a.searchreset
	+{
	+ display: block;
	+ width: 14px;
	+ height: 14px;
	+ overflow: hidden;
	+ white-space: nowrap;
	+ text-indent: 50000px;
	+ background: url(images/icons/reset.gif) top left no-repeat;
	+}
	+
	+div.searchbox a.searchicon
	+{
	+ display: inline-block;
	+ width: 16px;
	+ height: 16px;
	+ overflow: hidden;
	+ background: url(images/icons/glass.png) top left no-repeat;
	+}
	+
	#quicksearchbar img
	{
	vertical-align: middle;
	}

	-#quicksearchbox
	+#quicksearchbox,
	+div.searchbox > input
	{
	position: absolute;
	top: 2px;
	left: 24px;
	width: 140px;
	height: 15px;
	font-size: 11px;
	padding: 0px;
	border: none;
	outline: none;
	}

	.propform div.prop
	{
	margin-bottom: 0.5em;
	}

	.propform div.prop.block label
	{
	display: block;
	margin-bottom: 2px;
	}

	.propform div.prop.block input,
	.propform div.prop.block textarea
	{
	width: 97%;
	}


	/*** roundcube webmail pre-defined classes ***/

	#rcmversion
	{
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-align: right;
	white-space: nowrap;
	font-size: 8pt;
	color: #999;
	}

	#rcmdraglayer
	{
	min-width: 300px;
	width: auto !important;
	width: 300px;
	border: 1px solid #999999;
	background-color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	white-space: nowrap;
	opacity: 0.82;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 12px #999;
	-moz-box-shadow: 1px 1px 12px #999;
	-webkit-box-shadow: #999 1px 1px 12px;
	}

	.draglayercopy:before
	{
	position: absolute;
	bottom: -5px;
	left: -6px;
	content: " ";
	width: 14px;
	height: 14px;
	background: url(images/messageactions.png) -2px -128px no-repeat;
	}

	a.rcmContactAddress
	{
	text-decoration: none;
	}

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

	#rcmKSearchpane
	{
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	}

	#rcmKSearchpane ul
	{
	margin: 0px;
	padding: 2px;
	list-style-image: none;
	list-style-type: none;
	}

	#rcmKSearchpane ul li
	{
	display: block;
	height: 16px;
	font-size: 11px;
	padding-left: 6px;
	padding-top: 2px;
	padding-right: 6px;
	white-space: nowrap;
	cursor: pointer;
	}

	#rcmKSearchpane ul li.selected
	{
	color: #ffffff;
	background-color: #CC3333;
	}

	#login-form
	{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 400px;
	border: 1px solid #999;
	}

	#login-form table td.title
	{
	text-align: right;
	white-space: nowrap;
	}

	#login-form table
	{
	width: 1%;
	margin: auto;
	}

	#login-form table td.input input
	{
	width: 200px;
	}

	#login-bottomline
	{
	width: 400px;
	margin: 5em auto;
	font-size: 85%;
	text-align: center;
	color: #666;
	}

	#login-noscriptwarning
	{
	margin: 2em auto 0 auto;
	width: 400px;
	color: #cf2734;
	font-weight: bold;
	}

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

	font.bold
	{
	font-weight: bold;
	}

	.formbuttons
	{
	text-align: center;
	}

	/*** onclick menu list ***/

	ul.toolbarmenu
	{
	margin: -4px 0 -4px 0;
	padding: 0;
	list-style: none;
	}

	ul.toolbarmenu li
	{
	font-size: 11px;
	white-space: nowrap;
	min-width: 130px;
	margin: 2px -4px;
	}

	ul.toolbarmenu li a
	{
	display: block;
	color: #a0a0a0;
	padding: 1px 12px 3px 28px;
	text-decoration: none;
	min-height: 14px;
	}

	ul.toolbarmenu li a.active,
	ul.toolbarmenu li a.active:active,
	ul.toolbarmenu li a.active:visited
	{
	color: #333;
	}

	ul.toolbarmenu li input
	{
	vertical-align: middle;
	}

	ul.toolbarmenu li hr
	{
	color: #ccc;
	width: 130px;
	height: 1px;
	margin: 2px 1px 2px 1px;
	}

	ul.toolbarmenu li img
	{
	float: left;
	margin: 0 2px;
	}

	div.popupmenu ul li.separator_below,
	ul.toolbarmenu li.separator_below
	{
	border-bottom: 1px solid #ccc;
	margin-bottom: 2px;
	padding-bottom: 2px;
	}

	div.popupmenu ul li.separator_above,
	ul.toolbarmenu li.separator_above
	{
	border-top: 1px solid #ccc;
	margin-top: 2px;
	padding-top: 2px;
	}

	#searchmenu
	{
	width: 160px;
	}

	#searchmenu ul.toolbarmenu
	{
	margin: 0;
	}

	#searchmenu ul.toolbarmenu li
	{
	margin: 1px 4px 1px;
	}


	/* folder selector */

	#folder-selector li a
	{
	padding: 0;
	}

	#folder-selector li a span
	{
	background: url(images/icons/folders.png) no-repeat 6px 0;
	display: block;
	height: 15px;
	min-height: 14px;
	padding: 2px 4px 2px 28px;
	overflow: hidden;
	max-width: 120px;
	text-overflow: ellipsis;
	}

	#folder-selector li a.virtual
	{
	color: #A0A0A0;
	}

	#folder-selector li a.active:hover span
	{
	color: white;
	}

	#folder-selector li a.inbox span
	{
	background-position: 6px -18px;
	}
	#folder-selector li a.drafts span
	{
	background-position: 6px -37px;
	}
	#folder-selector li a.sent span
	{
	background-position: 6px -54px;
	}
	#folder-selector li a.trash span
	{
	background-position: 6px -91px;
	}
	#folder-selector li a.junk span
	{
	background-position: 6px -73px;
	}


	/*** tabbed interface elements ***/

	div.tabsbar,
	#tabsbar
	{
	position: absolute;
	top: 50px;
	left: 220px;
	right: 20px;
	height: 22px;
	border-bottom: 1px solid #999999;
	white-space: nowrap;
	}

	div.tabsbar
	{
	top: 35px;
	left: 12px;
	right: 12px;
	}

	span.tablink,
	span.tablink-selected
	{
	float: left;
	height: 23px !important;
	height: 22px;
	overflow: hidden;
	background: url(images/tabs-left.gif) top left no-repeat;
	}

	span.tablink
	{
	cursor: pointer;
	}

	span.tablink-selected
	{
	cursor: default;
	background-position: 0px -23px;
	}

	span.tablink a,
	span.tablink-selected a
	{
	display: inline-block;
	padding: 5px 10px 0 5px;
	margin-left: 5px;
	height: 23px;
	color: #555555;
	max-width: 185px;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	background: url(images/tabs-right.gif) top right no-repeat;
	}

	span.tablink-selected a
	{
	cursor: inherit;
	color: #000000;
	background-position: right -23px;
	}

	fieldset
	{
	margin-bottom: 1em;
	border: 1px solid #999999;
	padding: 4px 8px 9px 8px;
	}

	legend
	{
	color: #999999;
	}

	fieldset.tabbed
	{
	margin-top: 22px;
	padding-top: 12px;
	}

	.quota_text {
	text-align: center;
	font-size: 10px;
	color: #666;
	border: 1px solid #999;
	cursor: default;
	}
	.quota_bg { background-color: white; }
	.quota_high { background: url(images/quota-colors.png) repeat-x 0 -28px #f90509; }
	.quota_mid { background: url(images/quota-colors.png) repeat-x 0 -14px #e3e909; }
	.quota_low { background: url(images/quota-colors.png) repeat-x 0 0px #05f905; }
	.quota_text_high { color: white; }
	.quota_text_mid { color: #666; }
	.quota_text_low { color: #666; }
	diff --git a/skins/classic/mail.css b/skins/classic/mail.css
	index 6409b6b9b..29c9d1140 100644
	--- a/skins/classic/mail.css
	+++ b/skins/classic/mail.css
	@@ -1,1881 +1,1881 @@
	/*** Roundcube\|Mail mail task styles ***/


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

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

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

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

	#messagetoolbar a.buttonPas {
	opacity: 0.35;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


	/** mailbox list styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	#listcontrols a.buttonPas
	{
	opacity: 0.35;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


	/** message list styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.messagelist tr td div.collapsed,
	.messagelist tr td div.expanded,
	.messagelist tr td.threads 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: 17px;
	width: 15px;
	background: url(images/messageicons.png) center no-repeat;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	#listmenu legend
	{
	color: #999999;
	}

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

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

	/*** tree indicators ***/

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

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

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

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

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


	/** message view styles */

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

	.extwin #messageframe
	{
	left: 0;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	div.message-part div.pre
	{
	margin: 0px;
	padding: 0px;
	font-family: monospace;
	font-size: 12px;
	}

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

	div.message-part blockquote
	{
	color: blue;
	border-left: 2px solid blue;
	border-right: 2px solid blue;
	background-color: #F6F6F6;
	margin: 2px 0;
	padding: 0 0.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


	/** message compose styles */

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

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

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

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

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

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

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

	#compose-headers
	{
	width: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	#compose-contacts #contacts-table
	{
	top: 45px;
	position: absolute;
	}
	diff --git a/skins/classic/templates/compose.html b/skins/classic/templates/compose.html
	index c43adbc27..4705600c7 100644
	--- a/skins/classic/templates/compose.html
	+++ b/skins/classic/templates/compose.html
	@@ -1,221 +1,221 @@
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title><roundcube:object name="productname" /> :: <roundcube:label name="compose" /></title>
	<roundcube:include file="/includes/links.html" />
	<roundcube:if condition="config:enable_spellcheck" />
	<link rel="stylesheet" type="text/css" href="/googiespell.css" />
	<roundcube:endif />
	<script type="text/javascript" src="/functions.js"></script>
	<script type="text/javascript" src="/splitter.js"></script>
	<style type="text/css">
	#compose-contacts { width: <roundcube:exp expression="!empty(cookie:composesplitterv1) ? cookie:composesplitterv1-5 : 195" />px; }
	#compose-container { left: <roundcube:exp expression="!empty(cookie:composesplitterv1) ? cookie:composesplitterv1+5 : 205" />px; }
	</style>
	</head>
	<roundcube:if condition="env:extwin" />
	<body class="extwin">
	<roundcube:object name="message" id="message" />
	<roundcube:else />
	<body>
	<roundcube:include file="/includes/taskbar.html" />
	<roundcube:include file="/includes/header.html" />
	<roundcube:endif />

	<div id="messagetoolbar">
	<roundcube:if condition="env:extwin" />
	<roundcube:button command="close" type="link" class="button back" classAct="button back" classSel="button backSel" title="close" content=" " />
	<roundcube:else />
	<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " />
	<roundcube:endif />
	<roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " />
	<roundcube:button name="addattachment" type="link" class="button attach" classAct="button attach" classSel="button attachSel" title="addattachment" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " />
	<roundcube:button command="insert-sig" type="link" class="buttonPas insertsig" classAct="button insertsig" classSel="button insertsigSel" title="insertsignature" content=" " />
	<roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " />
	<roundcube:if condition="config:enable_spellcheck" />
	<span class="dropbutton">
	<roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " />
	<span id="spellmenulink" onclick="rcmail_ui.show_popup('spellmenu');return false"></span>
	</span>
	<roundcube:endif />
	<a href="#responses" class="button responses" label="responses" title="<roundcube:label name='insertresponse' />" id="responsesmenulink" unselectable="on" onmousedown="return false" onclick="rcmail_ui.show_popup('responsesmenu');return false"> </a>
	<roundcube:container name="toolbar" id="compose-toolbar" />
	<roundcube:button name="messageoptions" id="composemenulink" type="link" class="button messagemenu" title="messageoptions" onclick="rcmail_ui.show_popup('composemenu', true);return false" content=" " />
	</div>

	<roundcube:form name="form" method="post">

	<div id="mainscreen">

	<div id="compose-contacts">
	<div class="boxtitle"><roundcube:label name="contacts" /></div>
	<div class="boxlistcontent">
	- <div id="quicksearchbar">
	+ <div class="searchbox">
	<img id="searchmenulink" src="/images/icons/glass.png" width="16" height="16" />
	<roundcube:object name="searchform" id="quicksearchbox" form="true" tabindex="13" />
	<roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" width="13" height="13" />
	</div>
	<roundcube:object name="addressbooks" id="directorylist" />
	<roundcube:object name="addresslist" id="contacts-table" class="records-table" cellspacing="0" noheader="true" />
	</div>
	<div class="boxfooter">
	<div id="abookactions" class="pagenav">
	<roundcube:button command="add-recipient" prop="to" type="link" title="to" class="button disabled" classAct="button" content="To &raquo;" />
	<roundcube:button command="add-recipient" prop="cc" type="link" title="cc" class="button disabled" classAct="button" content="Cc &raquo;" />
	<roundcube:button command="add-recipient" prop="bcc" type="link" title="bcc" class="button disabled" classAct="button" content="Bcc &raquo;" />
	</div>
	<div id="abookcountbar" class="pagenav">
	<roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " />
	<roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " />
	<span style="float:left"> </span>
	<roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " />
	<roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " />
	</div>
	</div>
	</div>

	<script type="text/javascript">
	var composesplitv1 = new rcube_splitter({id:'composesplitterv1', p1: 'compose-contacts', p2: 'compose-container', orientation: 'v', relative: true, start: 200});
	rcmail.add_onload('composesplitv1.init()');
	</script>

	<div id="compose-container">
	<div id="compose-headers-div" style="width: 100%;">
	<table border="0" cellspacing="0" cellpadding="1" id="compose-headers">
	<tr>
	<td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
	<td class="editfield formlinks">
	<roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" />
	<a href="#identities" onclick="return rcmail.command('identities')"><roundcube:label name="editidents" /></a>
	<roundcube:button command="extwin" image="/images/icons/extwin.png" width="15" height="15" title="openinextwin" id="openextwinlink" condition="!env:extwin" />
	</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="2" tabindex="2" /></td>
	</tr><tr id="compose-cc">
	<td class="title top">
	<a href="#cc" onclick="return rcmail_ui.hide_header_form('cc');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
	<label for="_cc"><roundcube:label name="cc" /></label>
	</td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="2" tabindex="3" /></td>
	</tr><tr id="compose-bcc">
	<td class="title top">
	<a href="#bcc" onclick="return rcmail_ui.hide_header_form('bcc');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
	<label for="_bcc"><roundcube:label name="bcc" /></label>
	</td>
	<td class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="2" tabindex="4" /></td>
	</tr><tr id="compose-replyto">
	<td class="title top">
	<a href="#replyto" onclick="return rcmail_ui.hide_header_form('replyto');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
	<label for="_replyto"><roundcube:label name="replyto" /></label>
	</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">
	<a href="#followupto" onclick="return rcmail_ui.hide_header_form('followupto');"><img src="/images/icons/minus.gif" alt="" width="13" height="11" title="<roundcube:label name='delete' />" /></a>
	<label for="_followupto"><roundcube:label name="followupto" /></label>
	</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 rcmail_ui.show_header_form('cc')" id="cc-link"><roundcube:label name="addcc" /></a>
	<span class="separator">\|</span>
	<a href="#bcc" onclick="return rcmail_ui.show_header_form('bcc')" id="bcc-link"><roundcube:label name="addbcc" /></a>
	<span class="separator">\|</span>
	<a href="#reply-to" onclick="return rcmail_ui.show_header_form('replyto')" id="replyto-link"><roundcube:label name="addreplyto" /></a>
	<span class="separator">\|</span>
	<a href="#followup-to" onclick="return rcmail_ui.show_header_form('followupto')" id="followupto-link"><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>
	</table>
	</div>
	<div id="compose-div">
	<div id="compose-body-div">
	<div class="boxlistcontent" style="overflow: hidden; top: 0">
	<roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="9" />
	</div>
	<div class="boxfooter">
	<div id="compose-buttons">
	<roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="10" />
	<roundcube:button type="input" command="list" class="button" label="cancel" tabindex="11" />
	</div>
	<div id="compose-editorfooter" class="pagenav">
	<roundcube:if condition="!in_array('htmleditor', (array)config:dont_override)" />
	<span>
	<label><roundcube:label name="editortype" /></label>
	<roundcube:object name="editorSelector" editorid="compose-body" tabindex="12" />
	</span>
	<roundcube:endif />
	</div>
	</div>
	</div>
	<script type="text/javascript">
	var composesplitv2 = new rcube_splitter({id:'composesplitterv2', p1: 'compose-body-div', p2: 'compose-attachments', orientation: 'v', relative: true, start: $('#compose-headers-div').width() - 175});
	rcmail.add_onload('composesplitv2.init()');
	</script>
	<div id="compose-attachments">
	<div class="boxtitle"><roundcube:label name="attachments" /></div>
	<div class="boxlistcontent">
	<roundcube:object name="composeAttachmentList" id="attachmentslist" loadingIcon="/images/display/loading_blue.gif" />
	</div>
	<div class="boxfooter">
	<roundcube:button name="uploadmenulink" id="uploadmenulink" type="link" title="addattachment" class="button addgroup" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " />
	</div>
	</div>
	<roundcube:object name="fileDropArea" id="compose-attachments" />
	</div>
	</div>

	</div>

	<div id="composeoptionsmenu" class="popupmenu">
	<table>
	<tr>
	<td><label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" />:</label></td>
	<td><roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" /></td>
	</tr>
	<roundcube:if condition="config:smtp_server != ''" />
	<tr>
	<td><label for="rcmcomposedsn"><roundcube:label name="dsn" />:</label></td>
	<td><roundcube:object name="dsnCheckBox" form="form" id="rcmcomposedsn" /></td>
	</tr>
	<roundcube:endif />
	<tr>
	<td><label for="rcmcomposepriority"><roundcube:label name="priority" />:</label></td>
	<td><roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></td>
	</tr>
	<roundcube:if condition="!config:no_save_sent_messages" />
	<tr>
	<td><label><roundcube:label name="savesentmessagein" />:</label></td>
	<td><roundcube:object name="storetarget" maxlength="30" /></td>
	</tr>
	<roundcube:endif />
	</table>
	</div>

	<div id="responsesmenu" class="popupmenu">
	<ul id="textresponsesmenu">
	<li><label class="comment"><roundcube:label name="insertresponse" /></label></li>
	<roundcube:object name="responseslist" id="responseslist" tagname="ul" itemclass="active" />
	<li><label class="comment"><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>

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

	</form>

	<roundcube:object name="composeAttachmentForm" id="attachment-form" attachmentFieldSize="40" class="popupmenu" />

	<script type="text/javascript">
	rcube_init_mail_ui();
	</script>

	</body>
	</html>

File Metadata

Mime Type: text/x-diff
Expires: Mon, Aug 17, 10:54 AM (22 m, 5 s)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1261223
Default Alt Text: (63 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions