githubFork/roundcubemail.git

Aleksander Machniak

2016-04-17 6e4642b12ca7a487690e4cf3e7a72fbade224d5a

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