githubFork/roundcubemail.git

Thomas Bruederli

2015-12-23 772e08fa2a7211e68aa6179811cf82ac124c9bf2

commit \| author \| age
e7c445	1	/**
T	2	* Roundcube webmail styles for skin "Larry"
	3	*
772e08	4	* Copyright (c) 2012-2015, The Roundcube Dev Team
e7c445	5	* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
T	6	*
	7	* The contents are subject to the Creative Commons Attribution-ShareAlike
	8	* License. It is allowed to copy, distribute, transmit and to adapt the work
	9	* by keeping credits to the original autors in the README file.
	10	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	11	*/
	12
	13	body {
	14	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
74d4c7	15	font-size: 11px;
e7c445	16	color: #333;
T	17	background: url(images/linen.jpg) repeat #d1d5d8;
	18	margin: 0;
071c78	19	}
T	20
	21	body.noscroll {
	22	/* also avoids bounce effect in Chrome and Safari */
	23	overflow: hidden;
e7c445	24	}
T	25
772e08	26	.iphone body.noscroll {
TB	27	/* revert on iPhone (#1490551) */
	28	overflow: auto;
	29	}
	30
b1fa1a	31	a {
T	32	color: #0069a6;
	33	}
	34
	35	a:visited {
	36	color: #0186ba;
	37	}
	38
	39	img {
	40	border: 0;
	41	}
	42
a539ce	43	.voice {
a46a10	44	position: absolute;
d9e541	45	border: 0;
TB	46	clip: rect(0 0 0 0);
	47	width: 1px;
	48	height: 1px;
	49	margin: -1px;
	50	padding: 0;
	51	overflow: hidden;
a539ce	52	}
TB	53
ab985f	54	html.mozilla select {
AM	55	padding: 2px 1px;
	56	}
	57
	58	input,
	59	textarea,
	60	select,
	61	button {
	62	font-family: inherit;
	63	font-size: inherit;
f25c01	64	vertical-align: middle;
ab985f	65	}
AM	66
e7c445	67	input[type="text"],
T	68	input[type="password"],
	69	textarea {
bab043	70	margin: 0; /* Safari by default adds a margin */
4478eb	71	padding: 4px;
b1fa1a	72	border: 1px solid #b2b2b2;
e7c445	73	border-radius: 4px;
b1fa1a	74	box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
T	75	-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
e7c445	76	}
T	77
	78	input[type="text"]:focus,
	79	input[type="password"]:focus,
	80	input.button:focus,
e19229	81	textarea:focus {
e7c445	82	border-color: #4787b1;
T	83	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	84	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
62a618	85	outline: none;
e7c445	86	}
T	87
b65ecf	88	input[type="text"]:required,
TB	89	input[type="password"]:required {
	90	border-color: #4787b1;
	91	}
	92
e7c445	93	input.placeholder,
T	94	textarea.placeholder {
	95	color: #aaa;
	96	}
b1fa1a	97
543ccb	98	.bold {
T	99	font-weight: bold;
	100	}
b1fa1a	101
eecb44	102	/* fixes vertical alignment of checkboxes and labels */
760585	103	label input + span {
eecb44	104	vertical-align: middle;
AM	105	}
	106
b1fa1a	107	/* buttons */
e7c445	108
T	109	input.button {
28e18c	110	display: inline-block;
T	111	margin: 0 2px;
188634	112	padding: 2px 5px;
28e18c	113	color: #525252;
74d4c7	114	text-shadow: 0px 1px 1px #fff;
28e18c	115	border: 1px solid #c0c0c0;
T	116	border-radius: 4px;
	117	background: #f7f7f7;
	118	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	119	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	120	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	121	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
de6bf0	122	background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
68e13c	123	box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
T	124	-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
28e18c	125	text-decoration: none;
bab043	126	outline: none;
28e18c	127	}
T	128
	129	.formbuttons input.button {
e19229	130	color: #ddd;
e7c445	131	font-size: 110%;
74d4c7	132	text-shadow: 0px 1px 1px #333;
e7c445	133	padding: 4px 12px;
28e18c	134	border-color: #465864;
e7c445	135	border-radius: 5px;
T	136	background: #7a7b7d;
68e13c	137	background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */
T	138	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */
	139	background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */
	140	background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */
de6bf0	141	background: linear-gradient(to bottom, #7b7b7b 0%, #606060 100%); /* W3C */
74d4c7	142	box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
T	143	-webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
e7c445	144	}
T	145
bab043	146	.formbuttons input.button:hover,
4f1b7a	147	.formbuttons input.button:focus,
T	148	input.button.mainaction:hover,
	149	input.button.mainaction:focus {
e19229	150	color: #f2f2f2;
188634	151	border-color: #465864;
74d4c7	152	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
T	153	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
e7c445	154	}
T	155
28e18c	156	.formbuttons input.button:active {
e7c445	157	color: #fff;
68e13c	158	background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
T	159	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b));
	160	background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
	161	background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%);
de6bf0	162	background: linear-gradient(to bottom, #5c5c5c 0%, #7b7b7b 100%);
e7c445	163	}
T	164
	165	input.button.mainaction {
	166	color: #ededed;
4f1b7a	167	text-shadow: 0px 1px 1px #333;
e7c445	168	border-color: #1f262c;
T	169	background: #505050;
68e13c	170	background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
T	171	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
	172	background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
	173	background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
de6bf0	174	background: linear-gradient(to bottom, #505050 0%, #2a2e31 100%);
4f1b7a	175	box-shadow: inset 0 1px 0 0 #777;
T	176	-webkit-box-shadow: inset 0 1px 0 0 #777;
e7c445	177	}
T	178
b1fa1a	179	input.button.mainaction:active {
T	180	color: #fff;
74d4c7	181	background: #515151;
68e13c	182	background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
T	183	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
	184	background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
	185	background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
de6bf0	186	background: linear-gradient(to bottom, #2a2e31 0%, #505050 100%);
b1fa1a	187	}
T	188
e7c445	189	input.button[disabled],
T	190	input.button[disabled]:hover,
	191	input.button.mainaction[disabled] {
	192	color: #aaa !important;
	193	}
	194
	195	input.mainaction {
	196	font-weight: bold;
	197	}
	198
b1fa1a	199	/ link buttons /
T	200
6996de	201	a.button,
TB	202	.buttongroup {
b1fa1a	203	display: inline-block;
a4be51	204	margin: 0 2px;
b1fa1a	205	padding: 2px 5px;
T	206	color: #525252;
74d4c7	207	text-shadow: 0px 1px 1px #fff;
a4be51	208	border: 1px solid #c6c6c6;
b1fa1a	209	border-radius: 4px;
T	210	background: #f7f7f7;
	211	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	212	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	213	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	214	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
de6bf0	215	background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
68e13c	216	box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
T	217	-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
b1fa1a	218	text-decoration: none;
6996de	219	}
TB	220
	221	.buttongroup {
	222	padding: 0;
	223	white-space: nowrap;
e7c445	224	}
T	225
68e13c	226	a.button:focus,
bab043	227	input.button:focus {
188634	228	border-color: #4fadd5;
T	229	box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	230	-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
68e13c	231	outline: none;
188634	232	}
T	233
74d4c7	234	label.disabled,
b1fa1a	235	a.button.disabled {
T	236	color: #999;
e7c445	237	}
T	238
188634	239	a.button.disabled,
T	240	input.button.disabled,
	241	input.button[disabled],
	242	a.button.disabled:hover,
	243	input.button.disabled:hover,
	244	input.button[disabled]:hover {
	245	border-color: #c6c6c6;
68e13c	246	box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
T	247	-webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);
188634	248	}
T	249
b1fa1a	250	a.button.disabled span.inner {
T	251	opacity: 0.4;
6996de	252	}
TB	253
	254	.buttongroup a.button {
	255	margin: 0;
	256	border-width: 0 1px 0 0;
	257	border-radius: 0;
	258	background: none;
	259	box-shadow: none;
	260	-webkit-box-shadow: none;
	261	}
	262
	263	.buttongroup a.button.first,
	264	.buttongroup a.button:first-child {
	265	border-radius: 4px 0 0 4px;
	266	border-left: 0;
	267	}
	268
	269	.buttongroup a.button.last,
	270	.buttongroup a.button:last-child {
	271	border-radius: 0 4px 4px 0;
	272	border-right: 0;
e7c445	273	}
b1fa1a	274
c7dcb3	275	a.button.pressed,
28e18c	276	a.button:active,
T	277	input.button:active {
b1fa1a	278	background: #e6e6e6;
T	279	background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	280	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
	281	background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
	282	background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
de6bf0	283	background: linear-gradient(to bottom, #e6e6e6 0%, #f9f9f9 100%);
b1fa1a	284	}
T	285
a4be51	286	.pagenav.dark a.button {
b1fa1a	287	font-weight: bold;
T	288	border-color: #e6e6e6;
071c78	289	background: #d8d8d8;
b1fa1a	290	background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
T	291	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
	292	background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	293	background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
de6bf0	294	background: linear-gradient(to bottom, #d8d8d8 0%, #bababa 100%);
a4be51	295	box-shadow: 0 1px 1px 0 #999;
T	296	-webkit-box-shadow: 0 1px 1px 0 #999;
b1fa1a	297	}
T	298
a4be51	299	.pagenav.dark a.button.pressed {
b1fa1a	300	background: #bababa;
T	301	background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	302	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
	303	background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	304	background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
de6bf0	305	background: linear-gradient(to bottom, #bababa 0%, #d8d8d8 100%);
b1fa1a	306	}
T	307
90e41a	308	.buttongroup a.button.selected,
TB	309	.buttongroup a.button.selected:hover {
6996de	310	background: #8a8a8a;
TB	311	background: -moz-linear-gradient(top, #909090 0%, #858585 100%);
	312	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585));
	313	background: -o-linear-gradient(top, #909090 0%, #858585 100%);
	314	background: -ms-linear-gradient(top, #909090 0%, #858585 100%);
de6bf0	315	background: linear-gradient(to bottom, #909090 0%, #858585 100%);
6996de	316	box-shadow: inset 0 1px 2px 0 #555;
0c2fcd	317	-webkit-box-shadow: inset 0 1px 2px 0 #555;
6996de	318	border-right-color: #555;
TB	319	border-left-color: #555;
a539ce	320	}
TB	321
	322	.buttongroup a.button:focus,
	323	.buttongroup a.button.selected:focus {
	324	background: #f2f2f2;
	325	background: -moz-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
	326	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#49b3d2), color-stop(100%,#66bcd9));
	327	background: -o-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
	328	background: -ms-linear-gradient(top, #49b3d2 0, #66bcd9 100%);
de6bf0	329	background: linear-gradient(to bottom, #49b3d2 0, #66bcd9 100%);
6996de	330	}
TB	331
b540ed	332	.pagenav a.button {
T	333	padding: 1px 3px;
68e13c	334	height: 16px;
becca0	335	vertical-align: middle;
3d122f	336	margin-bottom: 1px;
6996de	337	}
TB	338
90e41a	339	.pagenav .buttongroup a.button,
TB	340	.pagenav .buttongroup a.button:hover {
6996de	341	padding: 1px 5px;
TB	342	margin-bottom: 0;
b540ed	343	}
T	344
388b38	345	a.button span.icon,
b1fa1a	346	.pagenav a.button span.inner {
T	347	display: inline-block;
b540ed	348	width: 16px;
T	349	height: 13px;
c7dcb3	350	text-indent: 1000px;
T	351	overflow: hidden;
b540ed	352	background: url(images/buttons.png) -6px -211px no-repeat;
b1fa1a	353	}
T	354
388b38	355	a.button.prevpage span.icon,
b1fa1a	356	.pagenav a.prevpage span.inner {
b540ed	357	background-position: -7px -226px;
b1fa1a	358	}
T	359
388b38	360	a.button.nextpage span.icon,
b1fa1a	361	.pagenav a.nextpage span.inner {
b540ed	362	background-position: -28px -226px;
b1fa1a	363	}
T	364
388b38	365	a.button.lastpage span.icon,
b1fa1a	366	.pagenav a.lastpage span.inner {
b540ed	367	background-position: -28px -211px;
T	368	}
	369
388b38	370	a.button.pageup span.icon,
b540ed	371	.pagenav a.pageup span.inner {
af05fe	372	background-position: -7px -241px;
b540ed	373	}
T	374
388b38	375	a.button.pagedown span.icon,
b540ed	376	.pagenav a.pagedown span.inner {
af05fe	377	background-position: -29px -241px;
T	378	}
	379
388b38	380	a.button.reply span.icon,
af05fe	381	.pagenav a.reply span.inner {
T	382	background-position: -7px -256px;
	383	}
	384
388b38	385	a.button.forward span.icon,
af05fe	386	.pagenav a.forward span.inner {
b540ed	387	background-position: -29px -256px;
T	388	}
	389
388b38	390	a.button.replyall span.icon,
af05fe	391	.pagenav a.replyall span.inner {
b540ed	392	background-position: -7px -271px;
T	393	}
	394
388b38	395	a.button.extwin span.icon,
b540ed	396	.pagenav a.extwin span.inner {
T	397	background-position: -29px -271px;
6996de	398	}
TB	399
388b38	400	a.button.changeformat.html span.icon,
aa4b37	401	.pagenav a.changeformat.html span.inner {
6996de	402	background-position: -7px -1859px;
TB	403	}
388b38	404	a.button.changeformat.html.selected span.icon,
6996de	405	.pagenav a.changeformat.html.selected span.inner {
TB	406	background-position: -29px -1859px;
	407	}
	408
388b38	409	a.button.changeformat.text span.icon,
6996de	410	.pagenav a.changeformat.text span.inner {
TB	411	background-position: -7px -1874px;
	412	}
388b38	413	a.button.changeformat.text.selected span.icon,
6996de	414	.pagenav a.changeformat.text.selected span.inner {
TB	415	background-position: -29px -1874px;
388b38	416	}
TB	417
	418	a.button.add span.icon {
	419	background-position: -7px -2009px;
	420	}
	421
	422	a.button.delete span.icon {
	423	background-position: -29px -2009px;
b1fa1a	424	}
T	425
	426	.pagenav .countdisplay {
	427	display: inline-block;
77fad1	428	padding: 3px 1em 0 1em;
74d4c7	429	text-shadow: 0px 1px 1px #fff;
847d31	430	min-width: 16em;
becca0	431	}
T	432
	433	.pagenavbuttons {
	434	position: relative;
77fad1	435	top: -2px;
b1fa1a	436	}
T	437
	438	a.iconbutton {
	439	display: inline-block;
388b38	440	width: 20px;
b1fa1a	441	height: 18px;
T	442	text-decoration: none;
900e62	443	text-indent: -5000px;
b1fa1a	444	background: url(images/buttons.png) -1000px 0 no-repeat;
T	445	}
	446
918bb9	447	a.iconbutton.disabled {
T	448	opacity: 0.4;
	449	cursor: default;
	450	}
	451
9e89c8	452	a.iconbutton.searchicon,
b1fa1a	453	a.iconbutton.searchoptions {
388b38	454	width: 24px;
74d4c7	455	background-position: -2px -317px;
9e89c8	456	}
TB	457
072f1a	458	a.iconbutton.searchicon {
9e89c8	459	width: 15px;
b1fa1a	460	}
T	461
	462	a.iconbutton.reset {
388b38	463	width: 24px;
74d4c7	464	background-position: -25px -317px;
b1fa1a	465	}
T	466
388b38	467	a.iconbutton.remove,
74d4c7	468	a.iconbutton.cancel {
388b38	469	background-position: -7px -378px;
74d4c7	470	}
T	471
388b38	472	a.iconbutton.delete {
TB	473	background-position: -7px -338px;
	474	}
	475
	476	a.iconbutton.add {
	477	background-position: -7px -358px;
	478	}
	479
	480	a.iconbutton.remove {
	481	background-position: -7px -379px;
	482	}
	483
	484	a.iconbutton.cancel {
	485	background-position: -7px -398px;
	486	}
	487
	488	a.iconbutton.edit {
	489	background-position: -7px -418px;
	490	}
	491
	492	a.iconbutton.upload {
	493	background-position: -6px -438px;
	494	}
	495
	496
74d4c7	497	a.iconlink {
T	498	display: inline-block;
	499	color: #888;
	500	text-decoration: none;
071c78	501	white-space: nowrap;
74d4c7	502	padding: 2px 8px 2px 20px;
T	503	background: url(images/buttons.png) -1000px 0 no-repeat;
	504	}
	505
	506	a.iconlink:hover {
	507	text-decoration: underline;
	508	}
	509
68e13c	510	a.iconlink.delete {
T	511	background-position: -7px -337px;
	512	}
	513
74d4c7	514	a.iconlink.add {
T	515	background-position: -7px -357px;
	516	}
	517
68e13c	518	a.iconlink.remove {
5ff7ba	519	background-position: -7px -378px;
68e13c	520	}
T	521
	522	a.iconlink.cancel {
74d4c7	523	background-position: -7px -397px;
T	524	}
bab043	525
68e13c	526	a.iconlink.edit {
T	527	background-position: -7px -417px;
	528	}
	529
	530	a.iconlink.upload {
	531	background-position: -6px -437px;
bab043	532	}
T	533
b1fa1a	534
T	535	/* message bar */
e7c445	536
T	537	#message div.loading,
0b36d1	538	#message div.uploading,
e7c445	539	#message div.warning,
T	540	#message div.error,
	541	#message div.notice,
c7dcb3	542	#message div.confirmation,
T	543	#message-objects div.notice {
e7c445	544	color: #555;
T	545	font-weight: bold;
b540ed	546	padding: 6px 30px 6px 25px;
e7c445	547	display: inline-block;
T	548	white-space: nowrap;
	549	background: url(images/messages.png) 0 5px no-repeat;
b1fa1a	550	cursor: default;
e7c445	551	}
T	552
	553	#message div.warning {
	554	color: #960;
543ccb	555	background-position: 0 -86px;
e7c445	556	}
T	557
	558	#message div.error {
	559	color: #cf2734;
	560	background-position: 0 -55px;
	561	}
	562
	563	#message div.confirmation {
	564	color: #093;
543ccb	565	background-position: 0 -25px;
e7c445	566	}
T	567
	568	#message div.loading {
	569	background: url(images/ajaxloader.gif) 2px 6px no-repeat;
b1fa1a	570	}
T	571
ff4c18	572	#message div a,
T	573	#message div span {
	574	padding-right: 0.5em;
	575	text-decoration: none;
	576	}
	577
	578	#message div a:hover {
	579	text-decoration: underline;
	580	cursor: pointer;
	581	}
	582
b1fa1a	583	#message.statusbar {
34003c	584	display: none;
b1fa1a	585	position: absolute;
T	586	bottom: 0;
	587	left: 0;
	588	right: 0;
	589	height: 27px;
	590	padding-left: 8px;
	591	border-top: 1px solid #ddd;
	592	border-radius: 0 0 4px 4px;
	593	background: #eaeaea;
	594	background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
	595	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8));
	596	background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
	597	background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
de6bf0	598	background: linear-gradient(to bottom, #eaeaea 0%, #c8c8c8 100%);
b540ed	599	white-space: nowrap;
T	600	overflow: hidden;
	601	text-overflow: ellipsis;
34003c	602	}
TB	603
	604	#messagestack {
	605	position: absolute;
f4d0fb	606	bottom: 20px;
AM	607	right: 12px;
34003c	608	z-index: 50000;
TB	609	width: auto;
	610	height: auto;
	611	max-height: 85%;
	612	overflow-y: auto;
	613	padding: 2px;
	614	}
	615
	616	#messagestack div {
	617	display: block;
	618	position: relative;
	619	width: 280px;
	620	height: auto;
	621	min-height: 16px;
	622	margin: 3px 2px 5px 2px;
	623	padding: 8px 10px 7px 30px;
	624	cursor: default;
	625	font-size: 12px;
	626	font-weight: bold;
	627	border-radius: 4px;
	628	border: 1px solid #444;
	629	color: #ebebeb;
	630	text-shadow: 0 1px 1px #000;
	631
6dac9f	632	background: rgba(64,64,64,0.85);
AM	633	background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%);
	634	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)));
	635	background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
	636	background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
	637	background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
	638	background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%);
34003c	639
TB	640	box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
0c2fcd	641	-webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888;
34003c	642	}
TB	643
	644	#messagestack div:after {
	645	content: "";
	646	position: absolute;
	647	display: block;
	648	top: 0;
	649	left: 4px;
	650	width: 20px;
	651	height: 24px;
21f10c	652	background: url(images/messages_dark.png) 0 7px no-repeat;
34003c	653	}
TB	654
	655	#messagestack div.error {
	656	color: #ff615d;
	657	}
	658
	659	#messagestack div.error:after {
	660	background-position: 0 -55px;
	661	}
	662
	663	#messagestack div.warning {
	664	color: #f4bf0e;
	665	}
	666
	667	#messagestack div.warning:after {
	668	background-position: 0 -84px;
	669	}
	670
	671	#messagestack div.confirmation {
	672	color: #00e05a;
	673	}
	674
	675	#messagestack div.confirmation:after {
	676	background-position: 0 -25px;
	677	}
	678
0b36d1	679	#messagestack div.uploading,
34003c	680	#messagestack div.loading {
TB	681	color: #ddd;
	682	}
	683
0b36d1	684	#messagestack div.uploading:after,
34003c	685	#messagestack div.loading:after {
TB	686	top: 4px;
	687	left: 6px;
	688	background: url(images/ajaxloader_dark.gif) 0 4px no-repeat;
e7c445	689	}
T	690
a74390	691	#messagestack div.voice {
TB	692	position: absolute;
	693	top: -1000px;
	694	}
	695
584de9	696	#messagestack div a {
AM	697	color: #94c0da;
	698	}
	699
	700	#messagestack div a:hover {
	701	text-decoration: underline;
	702	cursor: pointer;
	703	}
	704
0e530b	705	.ui-dialog.error .ui-dialog-title,
T	706	.ui-dialog.warning .ui-dialog-title,
	707	.ui-dialog.confirmation .ui-dialog-title {
	708	padding-left: 25px;
	709	background: url(images/messages.png) 0 5px no-repeat;
	710	text-shadow: 0 1px 1px #fff;
	711	}
	712
	713	.ui-dialog.warning .ui-dialog-title {
	714	color: #960;
	715	background-position: 0 -90px;
	716	}
	717
	718	.ui-dialog.error .ui-dialog-title {
	719	color: #cf2734;
	720	background-position: 0 -60px;
	721	}
	722
	723	.ui-dialog.confirmation .ui-dialog-title {
	724	color: #093;
	725	background-position: 0 -30px;
	726	}
	727
	728	.ui-dialog.popupmessage .ui-dialog-titlebar {
	729	padding: 8px 1em 4px 1em;
	730	background: #e3e3e3;
	731	background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
	732	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf));
	733	background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
	734	background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%);
de6bf0	735	background: linear-gradient(to bottom, #e3e3e3 0%, #cfcfcf 100%);
0e530b	736	}
T	737
	738	.ui-dialog.popupmessage .ui-widget-content {
	739	font-size: 12px;
	740	background: #eee;
	741	background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%);
	742	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc));
	743	background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%);
	744	background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%);
de6bf0	745	background: linear-gradient(to bottom, #eee 0%, #dcdcdc 100%);
0e530b	746	}
T	747
e7c445	748
T	749	/* basic page layout */
	750
212ff9	751	#header {
dee159	752	overflow-x: hidden; /* Chrome bug #1488851 */
212ff9	753	}
AM	754
e7c445	755	#topline {
T	756	height: 18px;
	757	background: url(images/linen_header.jpg) repeat #666;
	758	border-bottom: 1px solid #4f4f4f;
	759	padding: 2px 0 2px 10px;
	760	color: #aaa;
04acc7	761	text-align: center;
e7c445	762	}
T	763
	764	#topnav {
1f8710	765	position: relative;
e7c445	766	height: 46px;
T	767	margin-bottom: 10px;
	768	padding: 0 0 0 10px;
071c78	769	background: #111;
d5fedc	770	background: -moz-linear-gradient(top, #404040 0%, #060606 100%);
T	771	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#060606));
	772	background: -o-linear-gradient(top, #404040 0%, #060606 100%);
	773	background: -ms-linear-gradient(top, #404040 0%, #060606 100%);
de6bf0	774	background: linear-gradient(to bottom, #404040 0%, #060606 100%);
e7c445	775	}
T	776
	777	#topline a,
	778	#topnav a {
	779	color: #eee;
	780	text-decoration: none;
	781	}
	782
12bf0f	783	#topline a:hover {
c7dcb3	784	text-decoration: underline;
T	785	}
	786
e7c445	787	#toplogo {
T	788	padding-top: 2px;
005949	789	cursor: pointer;
7d4b41	790	border: none;
e7c445	791	}
T	792
	793	.topleft {
	794	float: left;
	795	}
	796
	797	.topright {
	798	float: right;
c7dcb3	799	}
T	800
	801	.closelink {
	802	display: inline-block;
	803	padding: 2px 10px 2px 20px;
e7c445	804	}
T	805
	806	#topline span.username {
	807	padding-right: 1em;
	808	}
	809
e19229	810	#topline .topleft a {
e7c445	811	display: inline-block;
e19229	812	padding: 2px 0.8em 0 0;
T	813	color: #aaa;
e7c445	814	}
T	815
	816	#topline a.button-logout {
	817	display: inline-block;
	818	padding: 2px 10px 2px 20px;
b1fa1a	819	background: url(images/buttons.png) -6px -193px no-repeat;
e7c445	820	color: #fff;
T	821	}
c7dcb3	822
542415	823	#taskbar .button-logout {
TB	824	display: none;
	825	}
	826
	827	#taskbar a.button-logout span.button-inner {
	828	background-position: -2px -1791px;
	829	}
	830
	831	#taskbar a.button-logout:hover span.button-inner {
	832	background-position: -2px -1829px;
	833	}
	834
	835
	836	/* minimal version of the page header */
	837
	838	.minimal #topline {
	839	position: fixed;
	840	top: -18px;
	841	background: #444;
	842	z-index: 5000;
	843	width: 100%;
	844	height: 22px;
	845	-moz-box-sizing: border-box;
	846	box-sizing: border-box;
	847	}
	848
	849	.minimal #topline:hover {
	850	top: 0px;
	851	opacity: 0.94;
	852	-webkit-transition: top 0.3s ease-in-out;
	853	-moz-transition: top 0.3s ease-in-out;
	854	-o-transition: top 0.3s ease-in-out;
	855	transition: top 0.3s ease-in-out;
	856	}
	857
b903c2	858	.extwin #topline,
TB	859	.extwin #topline:hover {
	860	position: static;
	861	top: 0px;
	862	height: 18px;
	863	width: auto;
	864	-moz-box-sizing: content-box;
	865	box-sizing: content-box;
	866	opacity: 0.999;
	867	}
	868
542415	869	.minimal #topline a.button-logout {
TB	870	display: none;
	871	}
	872
	873	.minimal #topline span.username {
	874	display: inline-block;
	875	padding-top: 2px;
	876	}
	877
	878	.minimal #topnav {
	879	position: relative;
	880	top: 4px;
	881	height: 42px;
	882	}
	883
	884	.minimal #taskbar a {
	885	position: relative;
	886	padding: 10px 10px 0 6px;
	887	height: 32px;
	888	}
	889
	890	.minimal #taskbar .button-logout {
	891	display: inline-block;
	892	}
	893
	894	.minimal #taskbar .button-inner {
	895	top: -4px;
	896	padding: 0;
	897	height: 24px !important;
	898	width: 27px;
	899	text-indent: -5000px;
	900	}
	901
	902	#taskbar .tooltip {
	903	display: none;
	904	}
	905
	906	.minimal #taskbar .tooltip {
	907	position: absolute;
	908	top: -500px;
	909	right: 2px;
	910	display: inline-block;
	911	padding: 2px 8px 3px 8px;
	912	background: #444;
	913	background: -moz-linear-gradient(top, #444 0%, #333 100%);
	914	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333));
	915	background: -o-linear-gradient(top, #444 0%, #333 100%);
	916	background: -ms-linear-gradient(top, #444 0%, #333 100%);
de6bf0	917	background: linear-gradient(to bottom, #444 0%, #333 100%);
542415	918	color: #eee;
TB	919	font-weight: bold;
	920	white-space: nowrap;
	921	border: 1px solid #777;
	922	box-shadow: 0 1px 5px 0 #333;
	923	-webkit-box-shadow: 0 1px 5px 0 #333;
	924	z-index: 200;
	925	white-space: nowrap;
	926	text-shadow: 0px 1px 1px #000;
	927	}
	928
	929	.minimal #taskbar .tooltip:after {
	930	content: "";
	931	position: absolute;
	932	top: -4px;
	933	right: 15px;
	934	border-style: solid;
	935	border-width: 0 4px 4px;
	936	border-color: #888 transparent;
	937	/* reduce the damage in FF3.0 */
47fccf	938	display: block;
542415	939	width: 0;
TB	940	z-index: 251;
	941	}
	942
	943	.minimal #taskbar a:hover .tooltip {
	944	display: block;
	945	top: 39px;
	946	}
	947
e7c445	948
b1fa1a	949	/* taskbar */
542415	950
TB	951	#taskbar {
	952	position: relative;
	953	padding-right: 18px;
	954	}
b1fa1a	955
e7c445	956	#taskbar a {
b1fa1a	957	display: inline-block;
T	958	height: 34px;
	959	padding: 12px 10px 0 6px;
	960	}
	961
	962	#taskbar a span.button-inner {
e7c445	963	display: inline-block;
T	964	font-size: 110%;
	965	font-weight: normal;
74d4c7	966	text-shadow: 0px 1px 1px black;
b1fa1a	967	padding: 5px 0 0 34px;
T	968	height: 19px;
	969	background: url(images/buttons.png) -1000px 0 no-repeat;
e7c445	970	}
T	971
e8bcf0	972	#taskbar a:focus {
TB	973	color: #fff;
	974	text-shadow: 0px 1px 1px #666;
a539ce	975	background-color: rgba(73,180,210,0.7);
e8bcf0	976	outline: none;
TB	977	}
	978
e7c445	979	#taskbar a.button-selected {
T	980	color: #3cf;
	981	background-color: #2c2c2c;
	982	}
	983
b1fa1a	984	#taskbar a.button-mail span.button-inner {
T	985	background-position: 0 2px;
e7c445	986	}
T	987
b1fa1a	988	#taskbar a.button-mail:hover span.button-inner,
T	989	#taskbar a.button-mail.button-selected span.button-inner {
	990	background-position: 0 -22px;
e7c445	991	}
T	992
b1fa1a	993	#taskbar a.button-addressbook span.button-inner {
T	994	background-position: 0 -48px;
e7c445	995	}
T	996
b1fa1a	997	#taskbar a.button-addressbook:hover span.button-inner,
T	998	#taskbar a.button-addressbook.button-selected span.button-inner {
	999	background-position: 0 -72px;
e7c445	1000	}
T	1001
b1fa1a	1002	#taskbar a.button-settings span.button-inner {
T	1003	background-position: 0 -96px;
e7c445	1004	}
T	1005
b1fa1a	1006	#taskbar a.button-settings:hover span.button-inner,
T	1007	#taskbar a.button-settings.button-selected span.button-inner {
	1008	background-position: 0 -120px;
e7c445	1009	}
T	1010
b1fa1a	1011	#taskbar a.button-calendar span.button-inner {
T	1012	background-position: 0 -144px;
e7c445	1013	}
T	1014
b1fa1a	1015	#taskbar a.button-calendar:hover span.button-inner,
T	1016	#taskbar a.button-calendar.button-selected span.button-inner {
	1017	background-position: 0 -168px;
e7c445	1018	}
T	1019
542415	1020	#taskbar .minmodetoggle {
TB	1021	position: absolute;
	1022	top: 0;
	1023	right: 0;
	1024	display: block;
	1025	width: 19px;
	1026	height: 46px;
	1027	cursor: pointer;
	1028	background: url(images/buttons.png) -35px -1778px no-repeat;
	1029	}
	1030
	1031	.minimal #taskbar .minmodetoggle {
	1032	height: 42px;
	1033	background-position: -35px -1820px;
	1034	}
	1035
e7c445	1036	#mainscreen {
T	1037	position: absolute;
	1038	top: 88px;
	1039	left: 10px;
	1040	right: 10px;
	1041	bottom: 20px;
b1fa1a	1042	}
T	1043
f8a9c2	1044	#mainscreencontent {
AM	1045	position: absolute;
	1046	top: 42px;
	1047	left: 0;
	1048	right: 0;
	1049	bottom: 0;
	1050	}
	1051
1db12a	1052	#mainscreen.offset {
AM	1053	top: 132px;
	1054	}
	1055
	1056	#mainscreen .offset {
	1057	top: 42px;
	1058	}
	1059
b903c2	1060	.minimal #mainscreen {
TB	1061	top: 62px;
	1062	}
	1063
	1064	.minimal #mainscreen.offset {
	1065	top: 102px;
6d57b1	1066	}
TB	1067
271efe	1068	.extwin #mainscreen {
TB	1069	top: 40px;
	1070	}
	1071
1db12a	1072	.extwin #mainscreen.offset {
AM	1073	top: 86px;
542415	1074	}
TB	1075
e7c445	1076	.uibox {
T	1077	border: 1px solid #a3a3a3;
	1078	border-radius: 4px;
8598fc	1079	overflow: hidden;
e7c445	1080	box-shadow: 0 0 2px #999;
T	1081	-webkit-box-shadow: 0 0 2px #999;
	1082	background: #fff;
	1083	}
	1084
1c079c	1085	.minwidth {
e8b917	1086	min-width: 1024px;
1c079c	1087	}
TB	1088
e19229	1089	.scroller {
T	1090	overflow: auto;
	1091	}
	1092
	1093	.watermark {
	1094	background-image: url(images/watermark.jpg);
	1095	background-position: center;
	1096	background-repeat: no-repeat;
	1097	}
	1098
85e10c	1099	/* fix scrolling within iframes in webkit browsers on touch devices */
f1a457	1100	@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
85e10c	1101	.iframebox {
TB	1102	overflow: auto;
	1103	-webkit-overflow-scrolling: touch;
	1104	}
	1105	}
	1106
	1107
b1fa1a	1108	/* lists */
T	1109
e7c445	1110	.listbox {
T	1111	background: #d9ecf4;
b1fa1a	1112	overflow: hidden;
T	1113	}
	1114
	1115	.listbox .scroller {
	1116	position: absolute;
	1117	top: 0;
	1118	left: 0;
	1119	width: 100%;
	1120	bottom: 0;
8598fc	1121	overflow-x: hidden;
AM	1122	overflow-y: auto;
b1fa1a	1123	}
T	1124
e19229	1125	.listbox .scroller.withfooter {
c7dcb3	1126	bottom: 42px;
T	1127	}
	1128
b1fa1a	1129	.listbox .boxtitle + .scroller {
T	1130	top: 34px;
	1131	}
	1132
	1133	.boxtitle,
72afe3	1134	.uibox .listing thead th,
b1fa1a	1135	.uibox .listing thead td {
T	1136	font-size: 12px;
	1137	font-weight: bold;
1af3d9	1138	padding: 7px 8px 6px 8px;
AM	1139	line-height: 20px;
b1fa1a	1140	margin: 0;
74d4c7	1141	text-shadow: 0px 1px 1px #fff;
b1fa1a	1142	border-bottom: 1px solid #bbd3da;
918bb9	1143	white-space: nowrap;
b1fa1a	1144	}
T	1145
72afe3	1146	.uibox .listing thead th,
b1fa1a	1147	.uibox .listing thead td {
T	1148	padding-bottom: 8px;
	1149	height: auto;
	1150	}
	1151
	1152	.uibox .boxtitle,
72afe3	1153	.uibox .listing thead th,
b1fa1a	1154	.uibox .listing thead td {
T	1155	background: #b0ccd7;
	1156	color: #004458;
	1157	border-radius: 4px 4px 0 0;
	1158	}
	1159
	1160	.listbox .listitem,
28e18c	1161	.listbox .tablink,
b1fa1a	1162	.listing tbody td,
T	1163	.listing li {
	1164	display: block;
	1165	border-top: 1px solid #fff;
	1166	border-bottom: 1px solid #bbd3da;
	1167	cursor: default;
	1168	font-weight: normal;
	1169	}
	1170
	1171	.listbox .listitem a,
e75d5e	1172	.listbox .listitem span,
28e18c	1173	.listbox .tablink a,
b1fa1a	1174	.listing tbody td,
T	1175	.listing li a {
	1176	display: block;
	1177	color: #376572;
74d4c7	1178	text-shadow: 0px 1px 1px #fff;
b1fa1a	1179	text-decoration: none;
T	1180	cursor: default;
1af3d9	1181	padding: 4px 8px;
AM	1182	line-height: 17px;
b97939	1183	height: 17px;
e19229	1184	white-space: nowrap;
b540ed	1185	}
T	1186
	1187	.listing tbody td {
	1188	display: table-cell;
071c78	1189	min-height: 14px;
8fd955	1190	outline: none;
071c78	1191	}
T	1192
d58c39	1193	.listing tbody td a {
TB	1194	color: #376572;
	1195	text-shadow: 0px 1px 1px #fff;
	1196	text-decoration: none;
071c78	1197	}
T	1198
	1199	.webkit .listing tbody td {
	1200	height: 14px;
b1fa1a	1201	}
T	1202
ea0866	1203	/* This padding-left minus the focused padding left should be half of the focused border-left */
TB	1204	.listing thead tr td:first-child,
	1205	.listing tbody tr td:first-child {
e75d5e	1206	border-left: 2px solid transparent;
ea0866	1207	padding-left: 6px;
TB	1208	}
	1209
	1210	.listing.iconized thead tr td:first-child,
	1211	.listing.iconized tbody tr td:first-child {
e75d5e	1212	padding-left: 34px;
ea0866	1213	}
TB	1214
	1215	/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
	1216	.listing.focus tbody tr.focused > td:first-child {
72afe3	1217	border-left: 2px solid #739da8;
ea0866	1218	}
TB	1219
b1fa1a	1220	.listbox .listitem.selected,
28e18c	1221	.listbox .tablink.selected,
12bf0f	1222	.listbox .listitem.selected > a,
T	1223	.listbox .tablink.selected > a,
b1fa1a	1224	.listing tbody tr.selected td,
68e13c	1225	.listing li.selected,
12bf0f	1226	.listing li.selected > a {
b1fa1a	1227	color: #004458;
T	1228	font-weight: bold;
0f3ae4	1229	background-color: #c7e3ef;
b1fa1a	1230	}
T	1231
	1232	ul.listing {
	1233	display: block;
	1234	list-style: none;
	1235	margin: 0;
	1236	padding: 0;
28e18c	1237	}
T	1238
	1239	ul.listing li {
	1240	background-color: #d9ecf4;
f25a96	1241	overflow: hidden;
AM	1242	text-overflow: ellipsis;
	1243	white-space: nowrap;
28e18c	1244	}
T	1245
b7ea94	1246	ul.listing li ul {
TB	1247	border-top: 1px solid #bbd3da;
	1248	}
	1249
b540ed	1250	ul.listing li.droptarget,
T	1251	table.listing tr.droptarget td {
0f3ae4	1252	background-color: #e8e798;
b1fa1a	1253	}
T	1254
de98a8	1255	.listbox table.listing {
TB	1256	background-color: #d9ecf4;
	1257	}
	1258
74d4c7	1259	table.listing,
T	1260	table.layout {
	1261	border: 0;
b1fa1a	1262	width: 100%;
879b05	1263	border-spacing: 0;
74d4c7	1264	}
T	1265
	1266	table.layout td {
	1267	vertical-align: top;
c7dcb3	1268	}
T	1269
d9e16f	1270	ul.treelist li {
TB	1271	position: relative;
	1272	}
	1273
c42fc0	1274	ul.treelist li ul {
TB	1275	margin: 0;
	1276	padding: 0;
	1277	}
	1278
	1279	ul.treelist li ul li:last-child {
	1280	border-bottom: 0;
	1281	}
	1282
	1283	ul.treelist li a {
	1284	display: block;
	1285	padding-left: 20px;
	1286	overflow: hidden;
	1287	text-overflow: ellipsis;
	1288	}
	1289
e75d5e	1290	ul.treelist li a:focus,
TB	1291	ul.listing .listitem a:focus,
	1292	ul.listing .listitem span:focus,
	1293	ul.listing.focus .listitem.focused span {
a539ce	1294	color: #fff !important;
TB	1295	background-color: rgba(73,180,210,0.6);
e8bcf0	1296	text-shadow: 0px 1px 1px #666;
TB	1297	outline: none;
c42fc0	1298	}
TB	1299
9da808	1300	ul.treelist ul li a {
c42fc0	1301	padding-left: 38px;
9da808	1302	}
TB	1303
	1304	ul.treelist ul ul li a {
	1305	padding-left: 54px;
	1306	}
	1307
c42fc0	1308	ul.treelist.iconized li a {
TB	1309	padding-left: 36px;
	1310	}
	1311
71a522	1312	ul.treelist.iconized ul li a {
c42fc0	1313	padding-left: 62px;
71a522	1314	}
TB	1315
	1316	ul.treelist.iconized ul ul li a {
	1317	padding-left: 88px;
	1318	}
	1319
	1320	ul.treelist.iconized ul ul ul li a {
	1321	padding-left: 114px;
c42fc0	1322	}
TB	1323
b7ea94	1324	ul.treelist li div.treetoggle {
TB	1325	position: absolute;
c42fc0	1326	top: 7px;
TB	1327	left: 4px;
b7ea94	1328	width: 13px;
TB	1329	height: 13px;
	1330	background: url(images/listicons.png) -3px -144px no-repeat;
	1331	cursor: pointer;
	1332	}
	1333
9da808	1334	ul.treelist li ul li div.treetoggle {
TB	1335	left: 22px;
	1336	}
	1337
c42fc0	1338	ul.treelist.iconized li div.treetoggle {
TB	1339	top: 13px;
	1340	left: 19px;
	1341	}
	1342
71a522	1343	ul.treelist.iconized ul li div.treetoggle {
TB	1344	left: 45px;
	1345	}
	1346
	1347	ul.treelist.iconized ul ul li div.treetoggle {
	1348	left: 71px;
9da808	1349	}
TB	1350
b7ea94	1351	ul.treelist li div.treetoggle.expanded {
TB	1352	background-position: -3px -168px;
	1353	}
	1354
	1355	ul.treelist li.selected > div.collapsed {
	1356	background-position: -23px -144px;
	1357	}
	1358
	1359	ul.treelist li.selected > div.expanded {
	1360	background-position: -23px -168px;
	1361	}
	1362
c7dcb3	1363	.listbox .boxfooter {
T	1364	position: absolute;
	1365	bottom: 0;
	1366	left: 0;
	1367	width: 100%;
	1368	height: 42px;
	1369	border-top: 1px solid #ccdde4;
	1370	background: #d9ecf4;
	1371	box-shadow: inset 0 1px 0 0 #fff;
0c2fcd	1372	-webkit-box-shadow: inset 0 1px 0 0 #fff;
68e13c	1373	white-space: nowrap;
T	1374	overflow: hidden;
c7dcb3	1375	}
T	1376
8faaa7	1377	.uibox .boxfooter {
TB	1378	border-radius: 0 0 4px 4px;
	1379	}
	1380
c7dcb3	1381	.boxfooter .listbutton {
T	1382	display: inline-block;
	1383	text-decoration: none;
	1384	width: 48px;
	1385	border-right: 1px solid #fff;
	1386	background: #c7e3ef;
	1387	padding: 3px 0;
	1388	margin-top: 1px;
	1389	}
	1390
e8bcf0	1391	.boxfooter a.listbutton:focus {
TB	1392	color: #fff;
a539ce	1393	background-color: rgba(73,180,210,0.6);
e8bcf0	1394	text-shadow: 0px 1px 1px #666;
TB	1395	outline: none;
	1396	}
	1397
8faaa7	1398	.uibox .boxfooter .listbutton:first-child {
TB	1399	border-radius: 0 0 0 4px;
	1400	}
	1401
c7dcb3	1402	.boxfooter .listbutton .inner {
T	1403	display: inline-block;
	1404	width: 48px;
	1405	height: 35px;
900e62	1406	text-indent: -5000px;
e8bcf0	1407	background-image: url(images/buttons.png);
TB	1408	background-position: -1000px 0;
	1409	background-repeat: no-repeat;
c7dcb3	1410	}
T	1411
e19229	1412	.boxfooter .listbutton.add .inner {
b9441a	1413	background-position: 10px -1301px;
bab043	1414	}
T	1415
	1416	.boxfooter .listbutton.delete .inner {
b9441a	1417	background-position: 10px -1342px;
e19229	1418	}
T	1419
c7dcb3	1420	.boxfooter .listbutton.groupactions .inner {
b9441a	1421	background-position: 5px -1382px;
68e13c	1422	}
T	1423
c6db4a	1424	.boxfooter .listbutton.addto .inner {
T	1425	background-position: 5px -1422px;
	1426	}
	1427
	1428	.boxfooter .listbutton.addcc .inner {
	1429	background-position: 5px -1462px;
	1430	}
	1431
	1432	.boxfooter .listbutton.addbcc {
	1433	width: 54px;
	1434	}
	1435
	1436	.boxfooter .listbutton.addbcc .inner {
	1437	width: 54px;
	1438	background-position: 2px -1502px;
	1439	}
	1440
1ba07f	1441	.boxfooter .listbutton.removegroup .inner {
T	1442	background-position: 5px -1540px;
	1443	}
	1444
68e13c	1445	.boxfooter .listbutton.disabled .inner {
T	1446	opacity: 0.4;
	1447	}
	1448
	1449	.boxfooter .countdisplay {
	1450	display: inline-block;
	1451	position: relative;
	1452	top: 10px;
	1453	color: #69929e;
	1454	padding: 3px 6px;
	1455	}
	1456
	1457	.boxpagenav {
	1458	position: absolute;
	1459	top: 10px;
	1460	right: 6px;
	1461	width: auto;
	1462	}
	1463
	1464	.boxpagenav a.icon {
	1465	display: inline-block;
	1466	padding: 1px 3px;
	1467	height: 13px;
	1468	width: 14px;
	1469	text-indent: 1000px;
becca0	1470	vertical-align: bottom;
68e13c	1471	overflow: hidden;
T	1472	background: url(images/buttons.png) -4px -286px no-repeat;
	1473	}
	1474
	1475	.boxpagenav a.icon.prevpage {
	1476	background-position: -4px -301px;
	1477	}
	1478
	1479	.boxpagenav a.icon.nextpage {
	1480	background-position: -28px -301px;
	1481	}
	1482
	1483	.boxpagenav a.icon.lastpage {
	1484	background-position: -28px -286px;
	1485	}
	1486
	1487	.boxpagenav a.icon.disabled {
	1488	opacity: 0.4;
b1fa1a	1489	}
T	1490
e19229	1491	.centerbox {
T	1492	width: 40em;
68e13c	1493	margin: 16px auto;
e19229	1494	}
T	1495
	1496	.errorbox {
	1497	width: 40em;
	1498	padding: 20px;
	1499	}
	1500
	1501	.errorbox h3 {
15f48a	1502	font-size: 16px;
T	1503	margin-top: 0;
	1504	}
e19229	1505
b1fa1a	1506
68e13c	1507	/* Records table */
T	1508
	1509	table.records-table {
	1510	display: table;
	1511	width: 100%;
	1512	table-layout: fixed;
	1513	border-spacing: 0;
	1514	border: 1px solid #bbd3da;
	1515	}
	1516
	1517	.boxlistcontent .records-table {
	1518	border: 0;
	1519	}
	1520
72afe3	1521	.records-table thead th,
68e13c	1522	.records-table thead td {
T	1523	color: #69939e;
	1524	font-size: 11px;
	1525	font-weight: bold;
	1526	background: #d6eaf3;
	1527	background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
071c78	1528	background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
68e13c	1529	background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
T	1530	background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
	1531	background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	1532	border-left: 1px solid #bbd3da;
	1533	padding: 8px 7px;
ec3181	1534	overflow: hidden;
A	1535	text-overflow: ellipsis;
72afe3	1536	text-align: left;
68e13c	1537	}
T	1538
72afe3	1539	.records-table.sortheader thead th,
68e13c	1540	.records-table.sortheader thead td {
T	1541	padding: 0;
	1542	}
	1543
72afe3	1544	.records-table thead th a,
68e13c	1545	.records-table thead td a,
72afe3	1546	.records-table thead th span,
68e13c	1547	.records-table thead td span {
T	1548	display: block;
cdb955	1549	padding: 7px 7px;
68e13c	1550	color: #69939e;
T	1551	text-decoration: none;
ec3181	1552	overflow: hidden;
A	1553	text-overflow: ellipsis;
68e13c	1554	}
T	1555
72afe3	1556	.records-table thead th a:focus,
e8bcf0	1557	.records-table thead td a:focus {
TB	1558	color: #fff;
a539ce	1559	background-color: rgba(73,180,210,0.7);
e8bcf0	1560	text-shadow: 0px 1px 1px #666;
TB	1561	outline: none;
68e13c	1562	}
T	1563
	1564	.records-table tbody td {
cdb955	1565	padding: 2px 7px;
68e13c	1566	border-bottom: 1px solid #ddd;
T	1567	border-left: 1px dotted #bbd3da;
	1568	white-space: nowrap;
	1569	cursor: default;
	1570	overflow: hidden;
	1571	text-overflow: ellipsis;
	1572	background-color: #fff;
8fd955	1573	outline: none;
68e13c	1574	}
T	1575
a45c0f	1576	/* This padding-left minus the focused padding left should be half of the focused border-left */
72afe3	1577	.records-table thead tr th:first-child,
a45c0f	1578	.records-table thead tr td:first-child,
1670b3	1579	.records-table tbody tr td:first-child {
e75d5e	1580	border-left: 2px solid transparent;
1670b3	1581	padding-left: 4px;
TB	1582	}
	1583
	1584	/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
e8bcf0	1585	.records-table.focus tbody tr.focused > td:first-child {
72afe3	1586	border-left: 2px solid #49b3d2;
1670b3	1587	}
TB	1588
68e13c	1589	.records-table tr.selected td {
T	1590	color: #fff !important;
1791a1	1591	background-color: #4db0d2 !important;
TB	1592	}
	1593
	1594	.records-table.focus tr.selected td {
68e13c	1595	background: #019bc6;
T	1596	background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
	1597	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
	1598	background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
	1599	background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
de6bf0	1600	background: linear-gradient(to bottom, #019bc6 0%, #017cb4 100%);
68e13c	1601	}
T	1602
	1603	.records-table tr.selected td a,
	1604	.records-table tr.selected td span {
	1605	color: #fff !important;
	1606	}
	1607
	1608	.records-table tr.deleted td,
	1609	.records-table tr.deleted td a {
	1610	color: #ccc !important;
	1611	}
	1612
b1fa1a	1613	/* iFrames */
68e13c	1614
T	1615	#aboutframe {
	1616	width: 97%;
	1617	height: 100%;
	1618	border: 0;
	1619	padding: 0;
	1620	}
b1fa1a	1621
T	1622	body.iframe {
	1623	background: #fff;
68e13c	1624	margin: 38px 0 10px 0;
T	1625	}
	1626
d30460	1627	body.iframe.error {
TB	1628	background: #ededed;
	1629	}
	1630
98d096	1631	body.iframe.floatingbuttons {
TB	1632	margin-bottom: 40px;
b540ed	1633	}
T	1634
	1635	body.iframe.fullheight {
	1636	margin: 0;
b1fa1a	1637	}
T	1638
e19229	1639	.contentbox .boxtitle,
b1fa1a	1640	body.iframe .boxtitle {
T	1641	color: #777;
	1642	background: #eee;
	1643	background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	1644	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
	1645	background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	1646	background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
de6bf0	1647	background: linear-gradient(to bottom, #eee 0%, #dfdfdf 100%);
b1fa1a	1648	border-bottom: 1px solid #ccc;
T	1649	}
	1650
e19229	1651	body.iframe .boxtitle {
T	1652	position: fixed;
	1653	top: 0;
	1654	left: 0;
	1655	width: 100%;
bab043	1656	z-index: 100;
68e13c	1657	}
T	1658
edfe79	1659	body.iframe .footerleft.floating,
TB	1660	#composeview-bottom .formbuttons.floating {
68e13c	1661	position: fixed;
T	1662	left: 0;
	1663	bottom: 0;
	1664	width: 100%;
	1665	z-index: 110;
	1666	background: #fff;
98d096	1667	padding-top: 8px;
TB	1668	padding-bottom: 12px;
	1669	}
	1670
edfe79	1671	body.iframe .footerleft.floating:before,
TB	1672	#composeview-bottom .formbuttons.floating:before {
98d096	1673	content: " ";
TB	1674	position: absolute;
	1675	top: -6px;
	1676	left: 0;
	1677	width: 100%;
	1678	height: 6px;
	1679	background: url(images/overflowshadow.png) top center no-repeat;
e19229	1680	}
T	1681
b1fa1a	1682	.boxcontent {
T	1683	padding: 10px;
e19229	1684	}
T	1685
	1686	.contentbox .scroller {
	1687	position: absolute;
	1688	top: 34px;
	1689	left: 0;
	1690	right: 0;
34003c	1691	bottom: 0px;
e19229	1692	overflow: auto;
b1fa1a	1693	}
T	1694
98d096	1695	.iframebox {
TB	1696	position: absolute;
	1697	top: 0;
	1698	left: 0;
	1699	right: 0;
34003c	1700	bottom: 0px;
98d096	1701	}
TB	1702
b1fa1a	1703	.footerleft {
98d096	1704	padding: 0 12px 4px 12px;
b1fa1a	1705	}
T	1706
	1707	.propform fieldset {
	1708	margin-bottom: 20px;
	1709	border: 0;
	1710	padding: 0;
	1711	}
	1712
	1713	.propform fieldset legend {
	1714	display: block;
	1715	font-size: 14px;
	1716	font-weight: bold;
b540ed	1717	padding-bottom: 10px;
T	1718	margin-bottom: 0;
	1719	}
	1720
	1721	.propform fieldset fieldset legend {
	1722	color: #666;
	1723	font-size: 12px;
b1fa1a	1724	}
T	1725
0b1de8	1726	.propform div.prop {
TB	1727	margin-bottom: 0.5em;
	1728	}
	1729
	1730	.propform div.prop.block label {
	1731	display: block;
	1732	margin-bottom: 0.3em;
	1733	}
	1734
	1735	.propform div.prop.block input,
	1736	.propform div.prop.block textarea {
	1737	width: 95%;
	1738	}
	1739
d22157	1740	.propform a.disabled {
TB	1741	color: #999;
	1742	text-decoration: none;
	1743	cursor: default;
	1744	}
	1745
74d4c7	1746	fieldset.floating {
T	1747	float: left;
	1748	margin-right: 10px;
	1749	margin-bottom: 10px;
	1750	}
	1751
b1fa1a	1752	table.propform {
T	1753	width: 100%;
	1754	border-spacing: 0;
	1755	border-collapse: collapse;
	1756	}
	1757
74d4c7	1758	ul.proplist li,
b1fa1a	1759	table.propform td {
T	1760	width: 80%;
	1761	padding: 4px 10px;
	1762	background: #eee;
	1763	border-bottom: 2px solid #fff;
	1764	}
	1765
	1766	table.propform td.title {
	1767	width: 20%;
	1768	color: #333;
	1769	padding-right: 20px;
	1770	white-space: nowrap;
e19229	1771	}
T	1772
	1773	table.propform .mceLayout td {
	1774	padding: 0;
	1775	border-bottom: 0;
74d4c7	1776	}
T	1777
	1778	ul.proplist {
	1779	list-style: none;
	1780	margin: 0;
	1781	padding: 0;
	1782	}
	1783
	1784	ul.proplist li {
	1785	width: auto;
e7c445	1786	}
T	1787
4f1b7a	1788	#pluginbody {
T	1789	position: absolute;
	1790	top: 0;
	1791	left: 0;
	1792	right: 0;
	1793	bottom: 0;
	1794	}
	1795
e7c445	1796
T	1797	/* Login form */
	1798
	1799	#login-form {
	1800	position: relative;
	1801	width: 580px;
	1802	margin: 20ex auto 2ex auto;
	1803	}
	1804
	1805	#login-form .box-inner {
	1806	width: 430px;
	1807	background: url(images/linen_login.jpg) top left no-repeat #5c5c5c;
	1808	margin: 0 50px;
	1809	padding: 10px 24px 24px 24px;
	1810	border: 1px solid #333;
	1811	border-radius: 5px;
	1812	box-shadow: inset 0 0 1px #ccc;
	1813	-webkit-box-shadow: inset 0 0 1px #ccc;
	1814	}
	1815
	1816	#login-form .box-bottom {
	1817	background: url(images/login_shadow.png) top center no-repeat;
	1818	margin-top: -3px;
	1819	padding-top: 10px;
	1820	}
	1821
b6add5	1822	#login-form .noscriptwarning {
TB	1823	margin: 0 auto;
	1824	width: 430px;
	1825	color: #cf2734;
	1826	font-size: 110%;
	1827	font-weight: bold;
	1828	}
	1829
e7c445	1830	#login-form td.input {
4dbc96	1831	width: 80%;
e7c445	1832	padding: 8px;
T	1833	}
	1834
	1835	#login-form input[type="text"],
	1836	#login-form input[type="password"] {
4dbc96	1837	width: 100%;
b1fa1a	1838	border-color: #666;
e7c445	1839	}
T	1840
	1841	#login-form input.button {
	1842	color: #444;
74d4c7	1843	text-shadow: 0px 1px 1px #fff;
e7c445	1844	border-color: #f9f9f9;
T	1845	background: #f9f9f9;
d5fedc	1846	background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
T	1847	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e2e2e2));
	1848	background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
	1849	background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%);
de6bf0	1850	background: linear-gradient(to bottom, #f9f9f9 0%, #e2e2e2 100%);
af05fe	1851	box-shadow: inset 0 1px 0 0 #fff;
T	1852	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	1853	}
	1854
bab043	1855	#login-form input.button:hover,
T	1856	#login-form input.button:focus {
	1857	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
	1858	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff;
e7c445	1859	}
T	1860
	1861	#login-form input.button:active {
	1862	color: #333;
d5fedc	1863	background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
T	1864	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9));
	1865	background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
	1866	background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%);
de6bf0	1867	background: linear-gradient(to bottom, #dcdcdc 0%, #f9f9f9 100%);
e7c445	1868	}
T	1869
4dbc96	1870	#login-form form table {
T	1871	width: 98%;
	1872	}
	1873
e7c445	1874	#login-form td.title {
4dbc96	1875	width: 20%;
T	1876	white-space: nowrap;
e7c445	1877	color: #cecece;
74d4c7	1878	text-shadow: 0px 1px 1px black;
e7c445	1879	text-align: right;
T	1880	padding-right: 1em;
	1881	}
	1882
264476	1883	#login-form p.formbuttons {
e7c445	1884	margin-top: 2em;
T	1885	text-align: center;
	1886	}
	1887
	1888	#login-form #logo {
	1889	margin-bottom: 20px;
7d4b41	1890	border: none;
e7c445	1891	}
T	1892
	1893	#login-form #message {
	1894	min-height: 40px;
	1895	padding: 5px 25px;
a1f855	1896	text-align: center;
34003c	1897	font-size: 1.1em;
e7c445	1898	}
T	1899
	1900	#login-form #message div {
a1f855	1901	display: inline-block;
A	1902	padding-right: 0;
34003c	1903	font-size: 12px;
e7c445	1904	}
T	1905
	1906	#bottomline {
	1907	font-size: 90%;
	1908	text-align: center;
	1909	margin-top: 2em;
	1910	}
	1911
b1fa1a	1912
T	1913
	1914	/* quicksearch /
	1915
7bdfd7	1916	.searchbox {
TB	1917	position: relative;
	1918	}
	1919
b1fa1a	1920	#quicksearchbar {
77fad1	1921	position: absolute;
9e36fb	1922	right: 2px;
7bdfd7	1923	top: 2px;
77fad1	1924	width: 240px;
b1fa1a	1925	}
T	1926
7bdfd7	1927	.searchbox input,
b1fa1a	1928	#quicksearchbar input {
T	1929	width: 176px;
879b05	1930	margin: 0;
14ee44	1931	padding: 3px 30px 3px 34px;
f8c961	1932	height: 18px;
b1fa1a	1933	background: #f1f1f1;
3d122f	1934	border-color: #ababab;
879b05	1935	font-weight: bold;
3d122f	1936	font-size: 11px;
b1fa1a	1937	}
T	1938
9e89c8	1939	.searchbox .searchicon,
7bdfd7	1940	.searchbox #searchmenulink,
b1fa1a	1941	#quicksearchbar #searchmenulink {
T	1942	position: absolute;
7bdfd7	1943	top: 5px;
3d122f	1944	left: 6px;
b1fa1a	1945	}
T	1946
7bdfd7	1947	.searchbox #searchreset,
9e89c8	1948	.searchbox .iconbutton.reset,
b1fa1a	1949	#quicksearchbar #searchreset {
T	1950	position: absolute;
7bdfd7	1951	top: 4px;
f8c961	1952	right: 1px;
b1fa1a	1953	}
13ed1e	1954
9e89c8	1955	.listsearchbox {
TB	1956	padding: 4px;
	1957	background: #c7e3ef;
66233b	1958	display: none;
9e89c8	1959	}
TB	1960
	1961	.listsearchbox input {
	1962	width: 100%;
	1963	height: 26px;
	1964	-moz-box-sizing: border-box;
	1965	box-sizing: border-box;
	1966	}
13ed1e	1967
T	1968	/* toolbar */
	1969
1c079c	1970	.toolbar .spacer {
TB	1971	display: inline-block;
	1972	width: 24px;
	1973	height: 40px;
	1974	padding: 0;
	1975	}
	1976
13ed1e	1977	.toolbar a.button {
T	1978	text-align: center;
	1979	font-size: 10px;
	1980	color: #555;
e19229	1981	min-width: 50px;
789a7b	1982	max-width: 70px;
ad726a	1983	height: 13px;
13ed1e	1984	overflow: hidden;
T	1985	text-overflow: ellipsis;
	1986	white-space: nowrap;
bab043	1987	padding: 28px 2px 0 2px;
74d4c7	1988	text-shadow: 0px 1px 1px #eee;
13ed1e	1989	box-shadow: none;
T	1990	-webkit-box-shadow: none;
	1991	background: url(images/buttons.png) -100px 0 no-repeat transparent;
	1992	border: 0;
e28729	1993	border-radius: 0;
13ed1e	1994	}
T	1995
a539ce	1996	.dropbutton .dropbuttontip:focus,
e8bcf0	1997	.toolbar a.button:focus {
TB	1998	color: #fff;
	1999	text-shadow: 0px 1px 1px #666;
a539ce	2000	background-color: rgba(30,150,192, 0.5);
TB	2001	border-radius: 3px;
e8bcf0	2002	}
TB	2003
13ed1e	2004	.toolbar a.button.disabled {
004a08	2005	opacity: 0.4;
13ed1e	2006	}
T	2007
c7dcb3	2008	.dropbutton {
T	2009	display: inline-block;
	2010	position: relative;
13ed1e	2011	}
T	2012
c7dcb3	2013	.dropbutton .dropbuttontip {
T	2014	display: block;
	2015	position: absolute;
186d6e	2016	right: 0;
c7dcb3	2017	top: 0;
a539ce	2018	height: 41px;
c7dcb3	2019	width: 18px;
a539ce	2020	overflow: hidden;
TB	2021	text-indent: -5000px;
543ccb	2022	background: url(images/buttons.png) 0 -1255px no-repeat;
c7dcb3	2023	cursor: pointer;
a539ce	2024	outline: none;
c7dcb3	2025	}
T	2026
a539ce	2027	.dropbutton .dropbuttontip:focus,
c7dcb3	2028	.dropbutton .dropbuttontip:hover {
543ccb	2029	background-position: -26px -1255px;
004a08	2030	}
T	2031
	2032	.dropbutton a.button.disabled + .dropbuttontip {
	2033	opacity: 0.5;
	2034	}
	2035
	2036	.dropbutton a.button.disabled + .dropbuttontip:hover {
	2037	background-position: 0 -1255px;
c7dcb3	2038	}
T	2039
186d6e	2040	.dropbutton a.button {
A	2041	margin-left: 0;
	2042	padding-left: 0;
	2043	margin-right: 0;
	2044	padding-right: 0;
	2045	}
	2046
c7dcb3	2047	.toolbar a.button.back {
b9441a	2048	background-position: 0 -1216px;
c7dcb3	2049	}
T	2050
	2051	.toolbar a.button.checkmail {
b9441a	2052	background-position: center -1176px;
13ed1e	2053	}
T	2054
a4be51	2055	.toolbar a.button.compose {
13ed1e	2056	background-position: center -530px;
T	2057	}
	2058
a4be51	2059	.toolbar a.button.reply {
13ed1e	2060	background-position: center -570px;
c7dcb3	2061	}
T	2062
a4be51	2063	.toolbar a.button.reply-all {
186d6e	2064	min-width: 64px;
789a7b	2065	background-position: 0 -610px;
a4be51	2066	}
T	2067
	2068	.toolbar a.button.forward {
186d6e	2069	min-width: 64px;
789a7b	2070	background-position: 0 -650px;
a4be51	2071	}
T	2072
	2073	.toolbar a.button.delete {
	2074	background-position: center -690px;
	2075	}
	2076
	2077	.toolbar a.button.archive {
	2078	background-position: center -730px;
	2079	}
	2080
	2081	.toolbar a.button.junk {
	2082	background-position: center -770px;
	2083	}
	2084
	2085	.toolbar a.button.print {
	2086	background-position: center -810px;
13ed1e	2087	}
T	2088
004a08	2089	.toolbar a.button.markmessage {
af5995	2090	background-position: center -1094px;
004a08	2091	}
T	2092
5e8da2	2093	.toolbar a.button.move {
80102a	2094	background-position: center -1971px;
5e8da2	2095	}
AM	2096
13ed1e	2097	.toolbar a.button.more {
a4be51	2098	background-position: center -850px;
13ed1e	2099	}
T	2100
74d4c7	2101	.toolbar a.button.attach {
T	2102	background-position: center -890px;
	2103	}
	2104
	2105	.toolbar a.button.spellcheck {
4be86f	2106	min-width: 64px;
789a7b	2107	background-position: 0 -930px;
bab043	2108	}
T	2109
675628	2110	.toolbar a.button.spellcheck.selected {
789a7b	2111	background-position: 0 -1620px;
ff4c18	2112	color: #1978a1;
675628	2113	}
A	2114
004a08	2115	.toolbar a.button.insertsig {
T	2116	background-position: center -1135px;
	2117	}
	2118
bab043	2119	.toolbar a.button.search {
T	2120	background-position: center -970px;
	2121	}
	2122
	2123	.toolbar a.button.import {
b9441a	2124	background-position: center -1012px;
bab043	2125	}
T	2126
	2127	.toolbar a.button.export {
789a7b	2128	min-width: 64px;
AM	2129	background-position: 0 -1054px;
74d4c7	2130	}
T	2131
edfe79	2132	.toolbar a.button.send {
TB	2133	background-position: center -1660px;
	2134	}
	2135
	2136	.toolbar a.button.savedraft {
	2137	background-position: center -1700px;
	2138	}
	2139
	2140	.toolbar a.button.close {
	2141	background-position: 0 -1745px;
	2142	}
	2143
049428	2144	.toolbar a.button.download {
80b3c6	2145	background-position: center -1892px;
TB	2146	}
	2147
	2148	.toolbar a.button.responses {
	2149	background-position: center -1932px;
049428	2150	}
AM	2151
847d31	2152	a.menuselector {
T	2153	display: inline-block;
	2154	border: 1px solid #ababab;
	2155	border-radius: 4px;
	2156	background: #f8f8f8;
	2157	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	2158	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
	2159	background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	2160	background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
de6bf0	2161	background: linear-gradient(to bottom, #f8f8f8 0%, #dddddd 100%);
847d31	2162	text-decoration: none;
T	2163	color: #333;
3d122f	2164	cursor: pointer;
a7b32b	2165	white-space: nowrap;
847d31	2166	}
T	2167
	2168	a.menuselector .handle {
	2169	display: inline-block;
3d122f	2170	padding: 0 32px 0 6px;
AM	2171	height: 20px;
	2172	line-height: 19px;
847d31	2173	text-shadow: 0px 1px 1px #fff;
T	2174	background: url(images/selector.png) right center no-repeat;
	2175	border-radius: 4px;
	2176	}
	2177
	2178	a.menuselector:active {
	2179	background: #dddddd;
	2180	background: -moz-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
	2181	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f8f8f8));
	2182	background: -o-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
	2183	background: -ms-linear-gradient(top, #dddddd 0%, #f8f8f8 100%);
de6bf0	2184	background: linear-gradient(to bottom, #dddddd 0%, #f8f8f8 100%);
847d31	2185	text-decoration: none;
T	2186	}
	2187
7a32e9	2188	select.decorated {
T	2189	position: relative;
	2190	z-index: 10;
	2191	opacity: 0;
737fbe	2192	height: 22px;
7a32e9	2193	cursor: pointer;
737fbe	2194	-khtml-appearance: none;
T	2195	-webkit-appearance: none;
12e69c	2196	border: 0;
7a32e9	2197	}
T	2198
	2199	html.opera select.decorated {
	2200	opacity: 1;
737fbe	2201	}
T	2202
	2203	select.decorated option {
	2204	color: #fff;
	2205	background: #444;
24dd95	2206	border: 0;
T	2207	border-top: 1px solid #5a5a5a;
	2208	border-bottom: 1px solid #333;
737fbe	2209	text-shadow: 0px 1px 1px #333;
3d122f	2210	padding: 4px 6px;
737fbe	2211	outline: none;
12e69c	2212	cursor: default;
7a32e9	2213	}
T	2214
74d4c7	2215
e8bcf0	2216	a.menuselector:focus,
TB	2217	a.menuselector.focus,
	2218	a.iconbutton:focus,
	2219	.pagenav a.button:focus {
	2220	border-color: #4fadd5;
0c2fcd	2221	box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
e8bcf0	2222	-webkit-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8);
TB	2223	outline: none;
	2224	}
	2225
	2226
fe8374	2227	/* quota indicator */
A	2228
	2229	#quotadisplay {
	2230	left: 6px;
edca65	2231	height: 18px;
fe8374	2232	font-size: 12px;
A	2233	font-weight: bold;
	2234	text-shadow: 0px 1px 1px #fff;
	2235	padding-left: 30px;
	2236	background: url(images/quota.png) -100px 0 no-repeat;
	2237	}
	2238
c5f068	2239	table.quota-info {
AM	2240	border-spacing: 0;
	2241	border-collapse: collapse;
	2242	table-layout: fixed;
	2243	margin: 5px;
	2244	}
	2245
	2246	table.quota-info td,
	2247	table.quota-info th {
	2248	color: white;
	2249	border: 1px solid lightgrey;
	2250	padding: 2px 3px;
	2251	text-align: center;
	2252	min-width: 80px;
	2253	}
	2254
	2255	table.quota-info td.name {
	2256	text-align: left;
	2257	}
	2258
	2259	table.quota-info td.root {
	2260	font-style: italic;
	2261	}
	2262
13ed1e	2263	/* popup menus */
T	2264
74d4c7	2265	.popupmenu,
T	2266	#rcmKSearchpane {
13ed1e	2267	display: none;
c7dcb3	2268	position: absolute;
T	2269	top: 32px;
	2270	left: 90px;
	2271	width: auto;
977f85	2272	max-height: 70%;
113b46	2273	overflow: -moz-scrollbars-vertical;
TB	2274	overflow-y: auto;
c7dcb3	2275	background: #444;
T	2276	border: 1px solid #999;
	2277	z-index: 240;
	2278	border-radius: 4px;
	2279	box-shadow: 0 2px 6px 0 #333;
	2280	-webkit-box-shadow: 0 2px 6px 0 #333;
847d31	2281	}
T	2282
	2283	.popupmenu.dropdown {
	2284	border-radius: 0 0 4px 4px;
	2285	border-top: 0;
13ed1e	2286	}
T	2287
74d4c7	2288	ul.toolbarmenu,
0b1de8	2289	ul.toolbarmenu ul,
74d4c7	2290	#rcmKSearchpane ul {
c7dcb3	2291	margin: 0;
T	2292	padding: 0;
	2293	list-style: none;
	2294	}
13ed1e	2295
74d4c7	2296	.googie_list td,
T	2297	ul.toolbarmenu li,
	2298	#rcmKSearchpane ul li {
c7dcb3	2299	color: #fff;
T	2300	white-space: nowrap;
	2301	min-width: 130px;
	2302	margin: 0;
	2303	border-top: 1px solid #5a5a5a;
	2304	border-bottom: 1px solid #333;
	2305	}
13ed1e	2306
74d4c7	2307	.googie_list tr:first-child td,
0b1de8	2308	ul.toolbarmenu > li:first-child,
737fbe	2309	select.decorated option:first-child {
c7dcb3	2310	border-top: 0;
T	2311	}
	2312
74d4c7	2313	.googie_list tr:last-child td,
0b1de8	2314	ul.toolbarmenu > li:last-child,
737fbe	2315	select.decorated option:last-child {
c7dcb3	2316	border-bottom: 0;
T	2317	}
	2318
74d4c7	2319	.googie_list td span,
c7dcb3	2320	ul.toolbarmenu li a {
T	2321	display: block;
	2322	color: #666;
74d4c7	2323	text-shadow: 0px 1px 1px #333;
c7dcb3	2324	text-decoration: none;
T	2325	min-height: 14px;
007018	2326	padding: 6px 16px 6px 10px;
c7dcb3	2327	}
T	2328
071c78	2329	.googie_list td span {
T	2330	padding: 3px 10px;
	2331	}
	2332
74d4c7	2333	.googie_list td span,
c7dcb3	2334	ul.toolbarmenu li a.active {
T	2335	color: #fff;
74d4c7	2336	cursor: default;
c7dcb3	2337	}
T	2338
74d4c7	2339	.googie_list td.googie_list_onhover,
T	2340	ul.toolbarmenu li a.active:hover,
e8bcf0	2341	ul.toolbarmenu li a.active:focus,
737fbe	2342	#rcmKSearchpane ul li.selected,
T	2343	select.decorated option:hover,
	2344	select.decorated option[selected='selected'] {
c7dcb3	2345	background-color: #00aad6;
T	2346	background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
	2347	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
	2348	background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
	2349	background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
de6bf0	2350	background: linear-gradient(to bottom, #00aad6 0%, #008fc9 100%);
e8bcf0	2351	outline: none;
68e13c	2352	}
T	2353
4be86f	2354	ul.toolbarmenu.iconized li a,
A	2355	ul.toolbarmenu.selectable li a {
68e13c	2356	padding-left: 30px;
c7dcb3	2357	}
T	2358
4be86f	2359	ul.toolbarmenu.selectable li a.selected {
A	2360	background: url(images/messages.png) 4px -27px no-repeat;
	2361	}
	2362
c7dcb3	2363	ul.toolbarmenu li label {
T	2364	display: block;
	2365	color: #fff;
	2366	padding: 4px 8px;
74d4c7	2367	text-shadow: 0px 1px 1px #333;
0b1de8	2368	}
TB	2369
	2370	ul.toolbarmenu li.separator label {
	2371	color: #bbb;
	2372	font-style: italic;
74d4c7	2373	}
T	2374
af05fe	2375	ul.toolbarmenu li a.icon {
T	2376	color: #eee;
	2377	padding: 2px 6px;
	2378	}
	2379
e833e8	2380	ul.toolbarmenu li span.icon,
TB	2381	#rcmKSearchpane ul li i.icon {
af05fe	2382	display: block;
T	2383	min-height: 14px;
ad726a	2384	padding: 4px 4px 1px 24px;
T	2385	height: 17px;
af05fe	2386	background-image: url(images/listicons.png);
T	2387	background-position: -100px 0;
	2388	background-repeat: no-repeat;
	2389	opacity: 0.2;
	2390	}
	2391
	2392	ul.toolbarmenu li a.active span.icon {
	2393	opacity: 0.99;
	2394	}
	2395
	2396	ul.toolbarmenu li span.read {
	2397	background-position: 0 -1220px;
	2398	}
	2399
	2400	ul.toolbarmenu li span.unread {
	2401	background-position: 0 -1196px;
	2402	}
	2403
	2404	ul.toolbarmenu li span.flagged {
	2405	background-position: 0 -1244px;
	2406	}
	2407
	2408	ul.toolbarmenu li span.unflagged {
	2409	background-position: 0 -1268px;
	2410	}
	2411
847d31	2412	ul.toolbarmenu li span.mail {
T	2413	background-position: 0 -1293px;
	2414	}
	2415
	2416	ul.toolbarmenu li span.list {
	2417	background-position: 0 -1317px;
	2418	}
	2419
	2420	ul.toolbarmenu li span.invert {
	2421	background-position: 0 -1340px;
	2422	}
	2423
	2424	ul.toolbarmenu li span.cross {
	2425	background-position: 0 -1365px;
	2426	}
	2427
af05fe	2428	ul.toolbarmenu li span.print {
T	2429	background-position: 0 -1436px;
	2430	}
	2431
	2432	ul.toolbarmenu li span.download {
	2433	background-position: 0 -1412px;
	2434	}
	2435
	2436	ul.toolbarmenu li span.edit {
	2437	background-position: 0 -1388px;
	2438	}
	2439
	2440	ul.toolbarmenu li span.viewsource {
	2441	background-position: 0 -1460px;
	2442	}
	2443
	2444	ul.toolbarmenu li span.extwin {
	2445	background-position: 0 -1484px;
	2446	}
	2447
847d31	2448	ul.toolbarmenu li span.conversation {
T	2449	background-position: 0 -1532px;
	2450	}
	2451
a71a9f	2452	ul.toolbarmenu li span.move {
TB	2453	background-position: 0 -2126px;
	2454	}
	2455
	2456	ul.toolbarmenu li span.copy {
	2457	background-position: 0 -2150px;
	2458	}
	2459
0b1de8	2460	#snippetslist {
TB	2461	max-width: 200px;
	2462	}
	2463
	2464	#snippetslist li a {
	2465	overflow: hidden;
	2466	text-overflow: ellipsis;
	2467	}
	2468
74d4c7	2469	#rcmKSearchpane {
T	2470	border-radius: 0 0 4px 4px;
	2471	border-top: 0;
	2472	}
	2473
	2474	#rcmKSearchpane ul li {
	2475	text-shadow: 0px 1px 1px #333;
	2476	text-decoration: none;
	2477	min-height: 14px;
e833e8	2478	padding: 6px 10px 6px 28px;
74d4c7	2479	border: 0;
da042d	2480	cursor: default;
e833e8	2481	position: relative;
TB	2482	}
	2483
	2484	#rcmKSearchpane ul li i.icon {
	2485	opacity: 0.99;
	2486	position: absolute;
674a03	2487	top: 4px;
e833e8	2488	left: 5px;
TB	2489	width: 18px;
	2490	height: 18px;
	2491	padding: 0;
	2492	background-position: -1px -2223px;
	2493	}
	2494
	2495	#rcmKSearchpane ul li.group i.icon {
	2496	background-position: -1px -2247px;
74d4c7	2497	}
T	2498
	2499	.popupdialog {
	2500	display: none;
	2501	padding: 10px;
	2502	}
	2503
	2504	.popupdialog .formbuttons {
	2505	margin: 20px 0 4px 0;
	2506	}
	2507
bab043	2508	.ui-dialog .prompt input {
T	2509	display: block;
	2510	margin: 8px 0;
	2511	}
	2512
74d4c7	2513	.hint {
T	2514	margin: 4px 0;
	2515	color: #999;
	2516	text-shadow: 0px 1px 1px #fff;
c7dcb3	2517	}
28e18c	2518
918bb9	2519	.splitter {
T	2520	user-select: none;
	2521	-moz-user-select: none;
	2522	-khtml-user-select: none;
	2523	position: absolute;
	2524	background: url(images/splitter.png) center no-repeat;
	2525	}
	2526
	2527	.splitter-h {
	2528	height: 10px;
	2529	width: 100%;
	2530	cursor: n-resize;
	2531	cursor: row-resize;
	2532	background-position: center 0;
	2533	}
	2534
	2535	.splitter-v {
	2536	width: 10px;
	2537	height: 100%;
	2538	cursor: e-resize;
	2539	cursor: col-resize;
	2540	background-position: 0 center;
	2541	}
28e18c	2542
T	2543	#rcmdraglayer {
b540ed	2544	min-width: 260px;
28e18c	2545	width: auto !important;
b540ed	2546	width: 260px;
28e18c	2547	padding: 6px 8px;
T	2548	background: #444;
	2549	border: 1px solid #555;
	2550	border-radius: 4px;
	2551	box-shadow: 0 2px 6px 0 #333;
	2552	-webkit-box-shadow: 0 2px 6px 0 #333;
	2553	z-index: 250;
	2554	color: #ccc;
	2555	white-space: nowrap;
	2556	opacity: 0.92;
74d4c7	2557	text-shadow: 0px 1px 1px #333;
28e18c	2558	}
T	2559
	2560	#rcmdraglayer:after {
	2561	content: "";
	2562	position: absolute;
	2563	top: 6px;
	2564	left: -6px;
	2565	border-style: solid;
	2566	border-width: 6px 6px 6px 0;
	2567	border-color: transparent #444;
	2568	/* reduce the damage in FF3.0 */
	2569	display: block;
	2570	width: 0;
071c78	2571	z-index: 251;
28e18c	2572	}
T	2573
071c78	2574	.draglayercopy:before {
28e18c	2575	position: absolute;
071c78	2576	bottom: -6px;
28e18c	2577	left: -6px;
T	2578	content: " ";
071c78	2579	width: 16px;
T	2580	height: 16px;
	2581	background: url(images/buttons.png) -7px -358px no-repeat;
	2582	z-index: 255;
28e18c	2583	}
T	2584
6c5c22	2585	.popup label > input {
AM	2586	margin-left: 10px;
	2587	}
	2588
9a0153	2589	/* folder selector */
AM	2590
5e8da2	2591	#folder-selector {
AM	2592	z-index: 1000;
	2593	}
	2594
9a0153	2595	#folder-selector li a span {
AM	2596	background: url("images/listicons.png") 4px -2021px no-repeat;
	2597	display: block;
	2598	height: 17px;
	2599	min-height: 14px;
	2600	padding: 4px 4px 1px 28px;
	2601	overflow: hidden;
	2602	max-width: 120px;
	2603	text-overflow: ellipsis;
	2604	}
	2605
	2606	#folder-selector li a.virtual {
	2607	opacity: .2;
	2608	}
	2609
	2610	#folder-selector li a.inbox span {
	2611	background-position: 4px -2049px;
	2612	}
	2613	#folder-selector li a.drafts span {
	2614	background-position: 4px -1388px;
	2615	}
	2616	#folder-selector li a.sent span {
	2617	background-position: 4px -2074px;
	2618	}
	2619	#folder-selector li a.trash span {
	2620	background-position: 4px -1508px;
	2621	}
	2622	#folder-selector li a.junk span {
	2623	background-position: 4px -2100px;
	2624	}
bab043	2625
3cb61e	2626	/* folders list */
AM	2627
	2628	.folderlist li.mailbox a {
	2629	padding-left: 36px;
	2630	white-space: nowrap;
	2631	overflow: hidden;
	2632	text-overflow: ellipsis;
	2633	background-image: url(images/listicons.png);
	2634	background-repeat: no-repeat;
	2635	background-position: 6px 3px;
	2636	}
	2637
	2638	.folderlist li.mailbox.unread > a {
	2639	padding-right: 36px;
	2640	}
	2641
	2642	.folderlist li.mailbox > a:focus,
	2643	.folderlist li.mailbox.selected > a {
	2644	background-position: 6px -21px;
	2645	}
	2646
	2647	.folderlist li.mailbox.inbox > a {
	2648	background-position: 6px -189px;
	2649	}
	2650
	2651	.folderlist li.mailbox.inbox > a:focus,
	2652	.folderlist li.mailbox.inbox.selected > a {
	2653	background-position: 6px -213px;
	2654	}
	2655
	2656	.folderlist li.mailbox.drafts > a {
	2657	background-position: 6px -238px;
	2658	}
	2659
	2660	.folderlist li.mailbox.drafts > a:focus,
	2661	.folderlist li.mailbox.drafts.selected > a {
	2662	background-position: 6px -262px;
	2663	}
	2664
	2665	.folderlist li.mailbox.sent > a {
	2666	background-position: 6px -286px;
	2667	}
	2668
	2669	.folderlist li.mailbox.sent > a:focus,
	2670	.folderlist li.mailbox.sent.selected > a {
	2671	background-position: 6px -310px;
	2672	}
	2673
	2674	.folderlist li.mailbox.junk > a {
	2675	background-position: 6px -334px;
	2676	}
	2677
	2678	.folderlist li.mailbox.junk > a:focus,
	2679	.folderlist li.mailbox.junk.selected > a {
	2680	background-position: 6px -358px;
	2681	}
	2682
	2683	.folderlist li.mailbox.trash > a {
	2684	background-position: 6px -382px;
	2685	}
	2686
	2687	.folderlist li.mailbox.trash > a:focus,
	2688	.folderlist li.mailbox.trash.selected > a {
	2689	background-position: 6px -406px;
	2690	}
	2691
	2692	.folderlist li.mailbox.trash.empty > a {
	2693	background-position: 6px -1924px;
	2694	}
	2695
	2696	.folderlist li.mailbox.trash.empty > a:focus,
	2697	.folderlist li.mailbox.trash.empty.selected > a {
	2698	background-position: 6px -1948px;
	2699	}
	2700
	2701	.folderlist li.mailbox.archive > a {
	2702	background-position: 6px -1699px;
	2703	}
	2704
	2705	.folderlist li.mailbox.archive > a:focus,
	2706	.folderlist li.mailbox.archive.selected > a {
	2707	background-position: 6px -1723px;
	2708	}
	2709
	2710	.folderlist li.mailbox ul li.drafts > a {
	2711	background-position: 23px -238px;
	2712	}
	2713
	2714	.folderlist li.mailbox ul li.drafts > a:focus,
	2715	.folderlist li.mailbox ul li.drafts.selected > a {
	2716	background-position: 23px -262px;
	2717	}
	2718
	2719	.folderlist li.mailbox ul li.sent > a {
	2720	background-position: 23px -286px;
	2721	}
	2722
	2723	.folderlist li.mailbox ul li.sent > a:focus,
	2724	.folderlist li.mailbox ul li.sent.selected > a {
	2725	background-position: 23px -310px;
	2726	}
	2727
	2728	.folderlist li.mailbox ul li.junk > a {
	2729	background-position: 23px -334px;
	2730	}
	2731
	2732	.folderlist li.mailbox ul li.junk > a:focus,
	2733	.folderlist li.mailbox ul li.junk.selected > a {
	2734	background-position: 23px -358px;
	2735	}
	2736
	2737	.folderlist li.mailbox ul li.trash > a {
	2738	background-position: 23px -382px;
	2739	}
	2740
	2741	.folderlist li.mailbox ul li.trash > a:focus,
	2742	.folderlist li.mailbox ul li.trash.selected > a {
	2743	background-position: 23px -406px;
	2744	}
	2745
	2746	.folderlist li.mailbox ul li.trash.empty > a {
	2747	background-position: 23px -1924px;
	2748	}
	2749
	2750	.folderlist li.mailbox ul li.trash.empty > a:focus,
	2751	.folderlist li.mailbox ul li.trash.empty.selected > a {
	2752	background-position: 23px -1948px;
	2753	}
	2754
	2755	.folderlist li.mailbox ul li.archive > a {
	2756	background-position: 23px -1699px;
	2757	}
	2758
	2759	.folderlist li.mailbox ul li.archive > a:focus,
	2760	.folderlist li.mailbox ul li.archive.selected > a {
	2761	background-position: 23px -1723px;
	2762	}
	2763
	2764	.folderlist li.virtual > a {
	2765	color: #aaa;
	2766	}
	2767
	2768	.folderlist li.mailbox div.treetoggle {
	2769	top: 13px;
	2770	left: 19px;
	2771	}
	2772
	2773	.folderlist li.mailbox ul li:last-child {
	2774	border-bottom: 0;
	2775	}
	2776
	2777	/* nested mailboxes */
	2778
	2779	.folderlist li.mailbox ul {
	2780	list-style: none;
	2781	margin: 0;
	2782	padding: 0;
	2783	border-top: 1px solid #bbd3da;
	2784	}
	2785
	2786	.folderlist li.mailbox ul li a {
	2787	padding-left: 52px; /* 36 + 1 x 16 */
	2788	background-position: 22px -95px; /* 6 + 1 x 16 */
	2789	}
	2790	.folderlist li.mailbox ul li > a:focus,
	2791	.folderlist li.mailbox ul li.selected > a {
	2792	background-position: 22px -119px;
	2793	}
	2794	.folderlist li.mailbox ul li div.treetoggle {
	2795	left: 33px;
	2796	top: 14px;
	2797	}
	2798
	2799	.folderlist li.mailbox ul ul li.mailbox a {
	2800	padding-left: 68px; /* 2x */
	2801	background-position: 38px -95px;
	2802	}
	2803	.folderlist li.mailbox ul ul li > a:focus,
	2804	.folderlist li.mailbox ul ul li.selected > a {
	2805	background-position: 38px -119px;
	2806	}
	2807	.folderlist li.mailbox ul ul li div.treetoggle {
	2808	left: 48px;
	2809	}
	2810
	2811	.folderlist li.mailbox ul ul ul li.mailbox a {
	2812	padding-left: 84px; /* 3x */
	2813	background-position: 54px -95px;
	2814	}
	2815	.folderlist li.mailbox ul ul ul li > a:focus,
	2816	.folderlist li.mailbox ul ul ul li.selected > a {
	2817	background-position: 54px -119px;
	2818	}
	2819	.folderlist li.mailbox ul ul ul li div.treetoggle {
	2820	left: 64px;
	2821	}
	2822
	2823	.folderlist li.mailbox ul ul ul ul li.mailbox a {
	2824	padding-left: 100px; /* 4x */
	2825	background-position: 70px -95px;
	2826	}
	2827	.folderlist li.mailbox ul ul ul ul li > a:focus,
	2828	.folderlist li.mailbox ul ul ul ul li.selected > a {
	2829	background-position: 70px -119px;
	2830	}
	2831	.folderlist li.mailbox ul ul ul ul li div.treetoggle {
	2832	left: 80px;
	2833	}
	2834
	2835	/* indent folders on levels > 4 */
	2836	.folderlist li.mailbox ul ul ul ul ul li {
	2837	padding-left: 16px;
	2838	}
	2839	.folderlist li.mailbox ul ul ul ul ul li div.treetoggle {
	2840	left: 96px;
	2841	}
	2842
	2843
d1c909	2844	/* attachment list */
T	2845
	2846	.attachmentslist {
	2847	list-style: none;
	2848	margin: 0;
	2849	padding: 0;
	2850	overflow: hidden;
	2851	text-overflow: ellipsis;
	2852	}
	2853
	2854	.attachmentslist li {
	2855	display: block;
	2856	position: relative;
	2857	background: url(images/filetypes.png) 0 0 no-repeat;
	2858	margin-bottom: 1px;
	2859	}
	2860
547028	2861	.attachmentslist li.txt,
AM	2862	.attachmentslist li.text {
	2863	background-position: 0 -416px;
	2864	}
	2865
d1c909	2866	.attachmentslist li.pdf {
T	2867	background-position: 0 -26px;
	2868	}
	2869
	2870	.attachmentslist li.doc,
f70932	2871	.attachmentslist li.docx,
d1c909	2872	.attachmentslist li.msword {
T	2873	background-position: 0 -52px;
	2874	}
	2875
e88a14	2876	.attachmentslist li.odt {
T	2877	background-position: 0 -78px;
	2878	}
	2879
d1c909	2880	.attachmentslist li.xls,
f70932	2881	.attachmentslist li.xlsx,
d1c909	2882	.attachmentslist li.msexcel {
e88a14	2883	background-position: 0 -104px;
T	2884	}
	2885
	2886	.attachmentslist li.ods {
	2887	background-position: 0 -130px;
d1c909	2888	}
T	2889
	2890	.attachmentslist li.zip,
	2891	.attachmentslist li.gz {
	2892	background-position: 0 -156px;
	2893	}
	2894
10560d	2895	.attachmentslist li.rar {
d1c909	2896	background-position: 0 -182px;
T	2897	}
	2898
e88a14	2899	.attachmentslist li.image {
T	2900	background-position: 0 -208px;
	2901	}
	2902
	2903	.attachmentslist li.jpg,
	2904	.attachmentslist li.jpeg {
	2905	background-position: 0 -234px;
	2906	}
	2907
	2908	.attachmentslist li.png {
	2909	background-position: 0 -260px;
	2910	}
	2911
	2912	.attachmentslist li.m4p {
	2913	background-position: 0 -286px;
	2914	}
	2915
	2916	.attachmentslist li.mp3,
	2917	.attachmentslist li.audio {
	2918	background-position: 0 -312px;
	2919	}
	2920
	2921	.attachmentslist li.video {
	2922	background-position: 0 -338px;
f8c961	2923	}
TB	2924
174e2c	2925	.attachmentslist li.ics,
TB	2926	.attachmentslist li.calendar {
	2927	background-position: 0 -364px;
	2928	}
	2929
f8c961	2930	.attachmentslist li.vcard {
TB	2931	background-position: 0 -390px;
	2932	}
	2933
11d7e6	2934	.attachmentslist li.sig,
TB	2935	.attachmentslist li.pgp-signature,
	2936	.attachmentslist li.pkcs7-signature {
f8c961	2937	background-position: 0 -442px;
TB	2938	}
	2939
11d7e6	2940	.attachmentslist li.html {
TB	2941	background-position: 0 -468px;
	2942	}
	2943
	2944	.attachmentslist li.eml,
	2945	.attachmentslist li.rfc822 {
	2946	background-position: 0 -494px;
	2947	}
	2948
29b293	2949	.attachmentslist li.ppt,
TB	2950	.attachmentslist li.pptx,
	2951	.attachmentslist li.ppsx,
	2952	.attachmentslist li.vnd.mspowerpoint {
	2953	background-position: 0 -520px;
	2954	}
	2955
	2956	.attachmentslist li.odp,
	2957	.attachmentslist li.otp {
	2958	background-position: 0 -546px;
	2959	}
	2960
d1c909	2961	.attachmentslist li a,
T	2962	#compose-attachments ul li {
	2963	display: block;
	2964	color: #333;
	2965	font-weight: bold;
44cb96	2966	padding: 3px 15px 3px 30px;
d1c909	2967	text-shadow: 0px 1px 1px #fff;
T	2968	text-decoration: none;
	2969	white-space: nowrap;
96077f	2970	overflow: hidden;
TB	2971	text-overflow: ellipsis;
44cb96	2972	line-height: 20px;
b2992d	2973	outline: none;
96077f	2974	}
TB	2975
bc2c43	2976	.attachmentslist li a.drop {
AM	2977	background: url(images/buttons.png) no-repeat scroll center -1570px;
	2978	width: 14px;
6996de	2979	height: 20px;
bc2c43	2980	cursor: pointer;
AM	2981	position: absolute;
	2982	right: 0;
	2983	top: 0;
	2984	padding: 0;
b2992d	2985	overflow: hidden;
TB	2986	text-indent: -5000px;
	2987	outline: none;
	2988	}
	2989
	2990	.attachmentslist li a:focus,
	2991	.attachmentslist li a.drop:focus {
	2992	background-color: rgba(30,150,192, 0.5);
	2993	border-radius: 2px;
bc2c43	2994	}
AM	2995
96077f	2996	#compose-attachments ul li {
TB	2997	padding-right: 28px;
d1c909	2998	}
T	2999
	3000	.attachmentslist li a:hover {
	3001	text-decoration: underline;
	3002	}
	3003
	3004	.attachmentslist li.uploading {
	3005	background: url(images/ajaxloader.gif) 2px 6px no-repeat;
	3006	}
	3007
	3008	.attachmentslist li a.delete,
	3009	.attachmentslist li a.cancelupload {
	3010	position: absolute;
44cb96	3011	top: 4px;
d1c909	3012	right: 0;
44cb96	3013	width: 20px;
d1c909	3014	height: 18px;
T	3015	padding: 0;
	3016	text-decoration: none;
900e62	3017	text-indent: -5000px;
d9e541	3018	background-image: url(images/buttons.png);
TB	3019	background-position: -6px -338px;
	3020	background-repeat: no-repeat;
d1c909	3021	}
T	3022
	3023	.attachmentslist li a.cancelupload {
d9e541	3024	background-position: -6px -378px;
d1c909	3025	}
T	3026
bab043	3027	/* fieldset tabs */
T	3028
5cf77e	3029	.tabbed.ui-tabs {
TB	3030	padding: 0;
	3031	border: 0 !important;
	3032	background: none;
	3033	}
	3034
9a6e6e	3035	.ui-dialog .tabbed.ui-tabs {
TB	3036	margin: -12px -8px 0 -8px;
	3037	}
	3038
e75d5e	3039	.boxcontent.tabbed.ui-tabs {
TB	3040	padding: 10px;
	3041	}
	3042
5cf77e	3043	.ui-tabs .tabsbar.ui-tabs-nav {
TB	3044	margin-bottom: 10px;
bab043	3045	}
T	3046
9a6e6e	3047	.ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav {
73364f	3048	margin-bottom: 0;
bab043	3049	}
T	3050
	3051	.tabsbar .tablink:last-child {
	3052	background: none;
	3053	}
	3054
	3055	.tabsbar .tablink:last-child a {
	3056	border-right: 0;
	3057	}
	3058
5cf77e	3059	.ui-tabs .ui-tabs-nav li.tablink a {
bab043	3060	background: #fff;
T	3061	}
	3062
5cf77e	3063	.ui-tabs fieldset.ui-tabs-panel {
bab043	3064	border: 0;
T	3065	padding: 0;
68e13c	3066	margin-left: 0;
5cf77e	3067	background: none;
bab043	3068	}
b21f8b	3069
9a6e6e	3070	.ui-dialog .propform .ui-tabs-panel {
TB	3071	display: block;
	3072	background: #efefef;
	3073	padding: 0.5em 1em;
	3074	}
	3075
bfa20e	3076	#image-selector-form.droptarget {
AM	3077	background: url(images/filedrop.png) center bottom no-repeat;
b21f8b	3078	}
b97939	3079
AM	3080	/ Common TinyMCE fixes /
	3081	.mce-btn-small .mce-ico {
	3082	display: inline; /* for old Firefox */
	3083	}
ac0ec6	3084
AM	3085	.mce-btn-small i {
	3086	line-height: 16px !important;
	3087	vertical-align: text-top !important;
	3088	}
3b46c9	3089
TB	3090	_:not(), _:-moz-handler-blocked, .mozilla .mce-btn-small i {
	3091	line-height: 20px !important;
	3092	}