Page Menu
Home
Phorge
Search
Configure Global Search
Log In
Files
F1841915
styles.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Size
47 KB
Referenced Files
None
Subscribers
None
styles.css
View Options
/**
* Roundcube webmail styles for skin "Larry"
*
* Copyright (c) 2012, The Roundcube Dev Team
* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
body
{
font-family
:
"Lucida Grande"
,
Verdana
,
Arial
,
Helvetica
,
sans-serif
;
font-size
:
11
px
;
color
:
#333
;
background
:
url
(
images/linen.jpg
)
repeat
#d1d5d8
;
margin
:
0
;
}
body
.
noscroll
{
/* also avoids bounce effect in Chrome and Safari */
overflow
:
hidden
;
}
a
{
color
:
#0069a6
;
}
a
:
visited
{
color
:
#0186ba
;
}
img
{
border
:
0
;
}
input
[
type
=
"text"
],
input
[
type
=
"password"
],
textarea
{
margin
:
0
;
/* Safari by default adds a margin */
padding
:
4
px
;
border
:
1
px
solid
#b2b2b2
;
border-radius
:
4
px
;
box-shadow
:
inset
0
0
2
px
1
px
rgba
(
0
,
0
,
0
,
0.1
);
-moz-
box-shadow
:
inset
0
0
2
px
1
px
rgba
(
0
,
0
,
0
,
0.1
);
-webkit-
box-shadow
:
inset
0
0
2
px
1
px
rgba
(
0
,
0
,
0
,
0.1
);
-o-
box-shadow
:
inset
0
0
2
px
1
px
rgba
(
0
,
0
,
0
,
0.1
);
}
input
[
type
=
"text"
]
:
focus
,
input
[
type
=
"password"
]
:
focus
,
input
.
button
:
focus
,
textarea
:
focus
{
border-color
:
#4787b1
;
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
-moz-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
-webkit-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
-o-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
outline
:
none
;
}
input
.
placeholder
,
textarea
.
placeholder
{
color
:
#aaa
;
}
.
bold
{
font-weight
:
bold
;
}
/* fixes vertical alignment of checkboxes and labels */
label
input
,
label
span
{
vertical-align
:
middle
;
}
/*** buttons ***/
input
.
button
{
display
:
inline-block
;
margin
:
0
2
px
;
padding
:
2
px
5
px
;
color
:
#525252
;
text-shadow
:
0
px
1
px
1
px
#fff
;
border
:
1
px
solid
#c0c0c0
;
border-radius
:
4
px
;
background
:
#f7f7f7
;
background
:
-moz-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#f9f9f9
),
color
-
stop
(
100
%
,
#e6e6e6
));
background
:
-o-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
background
:
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
-o-
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
-webkit-
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
-moz-
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
text-decoration
:
none
;
outline
:
none
;
}
.
formbuttons
input
.
button
{
color
:
#ddd
;
font-size
:
110
%
;
text-shadow
:
0
px
1
px
1
px
#333
;
padding
:
4
px
12
px
;
border-color
:
#465864
;
border-radius
:
5
px
;
background
:
#7a7b7d
;
background
:
-moz-
linear-gradient
(
top
,
#7b7b7b
0
%
,
#606060
100
%
);
/* FF3.6+ */
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#7b7b7b
),
color
-
stop
(
100
%
,
#606060
));
/* Chrome,Safari4+ */
background
:
-o-
linear-gradient
(
top
,
#7b7b7b
0
%
,
#606060
100
%
);
/* Opera 11.10+ */
background
:
-ms-
linear-gradient
(
top
,
#7b7b7b
0
%
,
#606060
100
%
);
/* IE10+ */
background
:
linear-gradient
(
top
,
#7b7b7b
0
%
,
#606060
100
%
);
/* W3C */
box-shadow
:
0
1
px
1
px
0
#ccc
,
inset
0
1
px
0
0
#888
;
-o-
box-shadow
:
0
1
px
1
px
0
#ccc
,
inset
0
1
px
0
0
#888
;
-webkit-
box-shadow
:
0
1
px
1
px
0
#ccc
,
inset
0
1
px
0
0
#888
;
-moz-
box-shadow
:
0
1
px
1
px
0
#ccc
,
inset
0
1
px
0
0
#888
;
}
.
formbuttons
input
.
button
:
hover
,
.
formbuttons
input
.
button
:
focus
,
input
.
button
.
mainaction
:
hover
,
input
.
button
.
mainaction
:
focus
{
color
:
#f2f2f2
;
border-color
:
#465864
;
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.6
),
inset
0
1
px
0
0
#888
;
-moz-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.6
),
inset
0
1
px
0
0
#888
;
-webkit-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.6
),
inset
0
1
px
0
0
#888
;
-o-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.6
),
inset
0
1
px
0
0
#888
;
}
.
formbuttons
input
.
button
:
active
{
color
:
#fff
;
background
:
-moz-
linear-gradient
(
top
,
#5c5c5c
0
%
,
#7b7b7b
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#5c5c5c
),
color
-
stop
(
100
%
,
#7b7b7b
));
background
:
-o-
linear-gradient
(
top
,
#5c5c5c
0
%
,
#7b7b7b
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#5c5c5c
0
%
,
#7b7b7b
100
%
);
background
:
linear-gradient
(
top
,
#5c5c5c
0
%
,
#7b7b7b
100
%
);
}
input
.
button
.
mainaction
{
color
:
#ededed
;
text-shadow
:
0
px
1
px
1
px
#333
;
border-color
:
#1f262c
;
background
:
#505050
;
background
:
-moz-
linear-gradient
(
top
,
#505050
0
%
,
#2a2e31
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#505050
),
color
-
stop
(
100
%
,
#2a2e31
));
background
:
-o-
linear-gradient
(
top
,
#505050
0
%
,
#2a2e31
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#505050
0
%
,
#2a2e31
100
%
);
background
:
linear-gradient
(
top
,
#505050
0
%
,
#2a2e31
100
%
);
box-shadow
:
inset
0
1
px
0
0
#777
;
-moz-
box-shadow
:
inset
0
1
px
0
0
#777
;
-webkit-
box-shadow
:
inset
0
1
px
0
0
#777
;
-o-
box-shadow
:
inset
0
1
px
0
0
#777
;
}
input
.
button
.
mainaction
:
active
{
color
:
#fff
;
background
:
#515151
;
background
:
-moz-
linear-gradient
(
top
,
#2a2e31
0
%
,
#505050
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#2a2e31
),
color
-
stop
(
100
%
,
#505050
));
background
:
-o-
linear-gradient
(
top
,
#2a2e31
0
%
,
#505050
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#2a2e31
0
%
,
#505050
100
%
);
background
:
linear-gradient
(
top
,
#2a2e31
0
%
,
#505050
100
%
);
}
input
.
button
[
disabled
],
input
.
button
[
disabled
]
:
hover
,
input
.
button
.
mainaction
[
disabled
]
{
color
:
#aaa
!important
;
}
input
.
mainaction
{
font-weight
:
bold
;
}
/** link buttons **/
a
.
button
,
.
buttongroup
{
display
:
inline-block
;
margin
:
0
2
px
;
padding
:
2
px
5
px
;
color
:
#525252
;
text-shadow
:
0
px
1
px
1
px
#fff
;
border
:
1
px
solid
#c6c6c6
;
border-radius
:
4
px
;
background
:
#f7f7f7
;
background
:
-moz-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#f9f9f9
),
color
-
stop
(
100
%
,
#e6e6e6
));
background
:
-o-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
background
:
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e6e6e6
100
%
);
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
-o-
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
-webkit-
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
-moz-
box-shadow
:
0
1
px
1
px
0
rgba
(
140
,
140
,
140
,
0.3
);
text-decoration
:
none
;
}
.
buttongroup
{
padding
:
0
;
white-space
:
nowrap
;
}
a
.
button
:
focus
,
input
.
button
:
focus
{
border-color
:
#4fadd5
;
box-shadow
:
0
0
2
px
1
px
rgba
(
71
,
135
,
177
,
0.6
);
-moz-
box-shadow
:
0
0
2
px
1
px
rgba
(
71
,
135
,
177
,
0.6
);
-webkit-
box-shadow
:
0
0
2
px
1
px
rgba
(
71
,
135
,
177
,
0.6
);
-o-
box-shadow
:
0
0
2
px
1
px
rgba
(
71
,
135
,
177
,
0.6
);
outline
:
none
;
}
label
.
disabled
,
a
.
button
.
disabled
{
color
:
#999
;
}
a
.
button
.
disabled
,
input
.
button
.
disabled
,
input
.
button
[
disabled
],
a
.
button
.
disabled
:
hover
,
input
.
button
.
disabled
:
hover
,
input
.
button
[
disabled
]
:
hover
{
border-color
:
#c6c6c6
;
box-shadow
:
0
1
px
1
px
0
rgba
(
160
,
160
,
160
,
0.4
);
-o-
box-shadow
:
0
1
px
1
px
0
rgba
(
160
,
160
,
160
,
0.4
);
-webkit-
box-shadow
:
0
1
px
1
px
0
rgba
(
160
,
160
,
160
,
0.4
);
-moz-
box-shadow
:
0
1
px
1
px
0
rgba
(
160
,
160
,
160
,
0.4
);
}
a
.
button
.
disabled
span
.
inner
{
opacity
:
0.4
;
filter
:
alpha
(
opacity
=
40
);
}
.
buttongroup
a
.
button
{
margin
:
0
;
border-width
:
0
1
px
0
0
;
border-radius
:
0
;
background
:
none
;
box-shadow
:
none
;
-o-
box-shadow
:
none
;
-webkit-
box-shadow
:
none
;
-moz-
box-shadow
:
none
;
}
.
buttongroup
a
.
button
.
first
,
.
buttongroup
a
.
button
:
first-child
{
border-radius
:
4
px
0
0
4
px
;
border-left
:
0
;
}
.
buttongroup
a
.
button
.
last
,
.
buttongroup
a
.
button
:
last-child
{
border-radius
:
0
4
px
4
px
0
;
border-right
:
0
;
}
a
.
button
.
pressed
,
a
.
button
:
active
,
input
.
button
:
active
{
background
:
#e6e6e6
;
background
:
-moz-
linear-gradient
(
top
,
#e6e6e6
0
%
,
#f9f9f9
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#e6e6e6
),
color
-
stop
(
100
%
,
#f9f9f9
));
background
:
-o-
linear-gradient
(
top
,
#e6e6e6
0
%
,
#f9f9f9
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#e6e6e6
0
%
,
#f9f9f9
100
%
);
background
:
linear-gradient
(
top
,
#e6e6e6
0
%
,
#f9f9f9
100
%
);
}
.
pagenav
.
dark
a
.
button
{
font-weight
:
bold
;
border-color
:
#e6e6e6
;
background
:
#d8d8d8
;
background
:
-moz-
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#d8d8d8
),
color
-
stop
(
100
%
,
#bababa
));
background
:
-o-
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
background
:
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
box-shadow
:
0
1
px
1
px
0
#999
;
-o-
box-shadow
:
0
1
px
1
px
0
#999
;
-webkit-
box-shadow
:
0
1
px
1
px
0
#999
;
-moz-
box-shadow
:
0
1
px
1
px
0
#999
;
}
.
pagenav
.
dark
a
.
button
.
pressed
{
background
:
#bababa
;
background
:
-moz-
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#bababa
),
color
-
stop
(
100
%
,
#d8d8d8
));
background
:
-o-
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
background
:
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
}
.
buttongroup
a
.
button
.
selected
,
.
buttongroup
a
.
button
.
selected
:
hover
{
background
:
#8a8a8a
;
background
:
-moz-
linear-gradient
(
top
,
#909090
0
%
,
#858585
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#909090
),
color
-
stop
(
100
%
,
#858585
));
background
:
-o-
linear-gradient
(
top
,
#909090
0
%
,
#858585
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#909090
0
%
,
#858585
100
%
);
background
:
linear-gradient
(
top
,
#909090
0
%
,
#858585
100
%
);
-webkit-
box-shadow
:
inset
0
1
px
2
px
0
#555
;
-moz-
box-shadow
:
inset
0
1
px
2
px
0
#555
;
box-shadow
:
inset
0
1
px
2
px
0
#555
;
border-right-color
:
#555
;
border-left-color
:
#555
;
}
.
pagenav
a
.
button
{
padding
:
1
px
3
px
;
height
:
16
px
;
vertical-align
:
middle
;
margin-bottom
:
1
px
;
}
.
pagenav
.
buttongroup
a
.
button
,
.
pagenav
.
buttongroup
a
.
button
:
hover
{
padding
:
1
px
5
px
;
margin-bottom
:
0
;
}
.
pagenav
a
.
button
span
.
inner
{
display
:
inline-block
;
width
:
16
px
;
height
:
13
px
;
text-indent
:
1000
px
;
overflow
:
hidden
;
background
:
url
(
images/buttons.png
)
-6
px
-211
px
no-repeat
;
}
.
pagenav
a
.
prevpage
span
.
inner
{
background-position
:
-7
px
-226
px
;
}
.
pagenav
a
.
nextpage
span
.
inner
{
background-position
:
-28
px
-226
px
;
}
.
pagenav
a
.
lastpage
span
.
inner
{
background-position
:
-28
px
-211
px
;
}
.
pagenav
a
.
pageup
span
.
inner
{
background-position
:
-7
px
-241
px
;
}
.
pagenav
a
.
pagedown
span
.
inner
{
background-position
:
-29
px
-241
px
;
}
.
pagenav
a
.
reply
span
.
inner
{
background-position
:
-7
px
-256
px
;
}
.
pagenav
a
.
forward
span
.
inner
{
background-position
:
-29
px
-256
px
;
}
.
pagenav
a
.
replyall
span
.
inner
{
background-position
:
-7
px
-271
px
;
}
.
pagenav
a
.
extwin
span
.
inner
{
background-position
:
-29
px
-271
px
;
}
.
pagenav
a
.
changeformat
.
html
span
.
inner
{
background-position
:
-7
px
-1859
px
;
}
.
pagenav
a
.
changeformat
.
html
.
selected
span
.
inner
{
background-position
:
-29
px
-1859
px
;
}
.
pagenav
a
.
changeformat
.
text
span
.
inner
{
background-position
:
-7
px
-1874
px
;
}
.
pagenav
a
.
changeformat
.
text
.
selected
span
.
inner
{
background-position
:
-29
px
-1874
px
;
}
.
pagenav
.
countdisplay
{
display
:
inline-block
;
padding
:
3
px
1
em
0
1
em
;
text-shadow
:
0
px
1
px
1
px
#fff
;
min-width
:
16
em
;
}
.
pagenavbuttons
{
position
:
relative
;
top
:
-2
px
;
}
a
.
iconbutton
{
display
:
inline-block
;
width
:
24
px
;
height
:
18
px
;
text-decoration
:
none
;
text-indent
:
-5000
px
;
background
:
url
(
images/buttons.png
)
-1000
px
0
no-repeat
;
}
a
.
iconbutton
.
disabled
{
opacity
:
0.4
;
filter
:
alpha
(
opacity
=
40
);
cursor
:
default
;
}
a
.
iconbutton
.
searchoptions
{
background-position
:
-2
px
-317
px
;
}
a
.
iconbutton
.
reset
{
background-position
:
-25
px
-317
px
;
}
a
.
iconbutton
.
cancel
{
background-position
:
-7
px
-377
px
;
}
a
.
iconlink
{
display
:
inline-block
;
color
:
#888
;
text-decoration
:
none
;
white-space
:
nowrap
;
padding
:
2
px
8
px
2
px
20
px
;
background
:
url
(
images/buttons.png
)
-1000
px
0
no-repeat
;
}
a
.
iconlink
:
hover
{
text-decoration
:
underline
;
}
a
.
iconlink
.
delete
{
background-position
:
-7
px
-337
px
;
}
a
.
iconlink
.
add
{
background-position
:
-7
px
-357
px
;
}
a
.
iconlink
.
remove
{
background-position
:
-7
px
-378
px
;
}
a
.
iconlink
.
cancel
{
background-position
:
-7
px
-397
px
;
}
a
.
iconlink
.
edit
{
background-position
:
-7
px
-417
px
;
}
a
.
iconlink
.
upload
{
background-position
:
-6
px
-437
px
;
}
/*** message bar ***/
#
message
div
.
loading
,
#
message
div
.
warning
,
#
message
div
.
error
,
#
message
div
.
notice
,
#
message
div
.
confirmation
,
#
message-objects
div
.
notice
{
color
:
#555
;
font-weight
:
bold
;
padding
:
6
px
30
px
6
px
25
px
;
display
:
inline-block
;
white-space
:
nowrap
;
background
:
url
(
images/messages.png
)
0
5
px
no-repeat
;
cursor
:
default
;
}
#
message
div
.
warning
{
color
:
#960
;
background-position
:
0
-86
px
;
}
#
message
div
.
error
{
color
:
#cf2734
;
background-position
:
0
-55
px
;
}
#
message
div
.
confirmation
{
color
:
#093
;
background-position
:
0
-25
px
;
}
#
message
div
.
loading
{
background
:
url
(
images/ajaxloader.gif
)
2
px
6
px
no-repeat
;
}
#
message
div
a
,
#
message
div
span
{
padding-right
:
0.5
em
;
text-decoration
:
none
;
}
#
message
div
a
:
hover
{
text-decoration
:
underline
;
cursor
:
pointer
;
}
#
message
.
statusbar
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
right
:
0
;
height
:
27
px
;
padding-left
:
8
px
;
border-top
:
1
px
solid
#ddd
;
border-radius
:
0
0
4
px
4
px
;
background
:
#eaeaea
;
background
:
-moz-
linear-gradient
(
top
,
#eaeaea
0
%
,
#c8c8c8
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#eaeaea
),
color
-
stop
(
100
%
,
#c8c8c8
));
background
:
-o-
linear-gradient
(
top
,
#eaeaea
0
%
,
#c8c8c8
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#eaeaea
0
%
,
#c8c8c8
100
%
);
background
:
linear-gradient
(
top
,
#eaeaea
0
%
,
#c8c8c8
100
%
);
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
.
ui-dialog
.
error
.
ui-dialog-title
,
.
ui-dialog
.
warning
.
ui-dialog-title
,
.
ui-dialog
.
confirmation
.
ui-dialog-title
{
padding-left
:
25
px
;
background
:
url
(
images/messages.png
)
0
5
px
no-repeat
;
text-shadow
:
0
1
px
1
px
#fff
;
}
.
ui-dialog
.
warning
.
ui-dialog-title
{
color
:
#960
;
background-position
:
0
-90
px
;
}
.
ui-dialog
.
error
.
ui-dialog-title
{
color
:
#cf2734
;
background-position
:
0
-60
px
;
}
.
ui-dialog
.
confirmation
.
ui-dialog-title
{
color
:
#093
;
background-position
:
0
-30
px
;
}
.
ui-dialog
.
popupmessage
.
ui-dialog-titlebar
{
padding
:
8
px
1
em
4
px
1
em
;
background
:
#e3e3e3
;
background
:
-moz-
linear-gradient
(
top
,
#e3e3e3
0
%
,
#cfcfcf
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#e3e3e3
),
color
-
stop
(
100
%
,
#cfcfcf
));
background
:
-o-
linear-gradient
(
top
,
#e3e3e3
0
%
,
#cfcfcf
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#e3e3e3
0
%
,
#cfcfcf
100
%
);
background
:
linear-gradient
(
top
,
#e3e3e3
0
%
,
#cfcfcf
100
%
);
}
.
ui-dialog
.
popupmessage
.
ui-widget-content
{
font-size
:
12
px
;
background
:
#eee
;
background
:
-moz-
linear-gradient
(
top
,
#eee
0
%
,
#dcdcdc
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#eee
),
color
-
stop
(
100
%
,
#dcdcdc
));
background
:
-o-
linear-gradient
(
top
,
#eee
0
%
,
#dcdcdc
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#eee
0
%
,
#dcdcdc
100
%
);
background
:
linear-gradient
(
top
,
#eee
0
%
,
#dcdcdc
100
%
);
}
/*** basic page layout ***/
#
header
{
overflow-x
:
hidden
;
/* Chrome bug #1488851 */
}
#
topline
{
height
:
18
px
;
background
:
url
(
images/linen_header.jpg
)
repeat
#666
;
border-bottom
:
1
px
solid
#4f4f4f
;
padding
:
2
px
0
2
px
10
px
;
color
:
#aaa
;
text-align
:
center
;
}
#
topnav
{
position
:
relative
;
height
:
46
px
;
margin-bottom
:
10
px
;
padding
:
0
0
0
10
px
;
background
:
#111
;
background
:
-moz-
linear-gradient
(
top
,
#404040
0
%
,
#060606
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#404040
),
color
-
stop
(
100
%
,
#060606
));
background
:
-o-
linear-gradient
(
top
,
#404040
0
%
,
#060606
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#404040
0
%
,
#060606
100
%
);
background
:
linear-gradient
(
top
,
#404040
0
%
,
#060606
100
%
);
}
#
topline
a
,
#
topnav
a
{
color
:
#eee
;
text-decoration
:
none
;
}
#
topline
a
:
hover
{
text-decoration
:
underline
;
}
#
toplogo
{
padding-top
:
2
px
;
cursor
:
pointer
;
}
.
topleft
{
float
:
left
;
}
.
topright
{
float
:
right
;
}
.
closelink
{
display
:
inline-block
;
padding
:
2
px
10
px
2
px
20
px
;
}
#
topline
span
.
username
{
padding-right
:
1
em
;
}
#
topline
.
topleft
a
{
display
:
inline-block
;
padding
:
2
px
0.8
em
0
0
;
color
:
#aaa
;
}
#
topline
a
.
button-logout
{
display
:
inline-block
;
padding
:
2
px
10
px
2
px
20
px
;
background
:
url
(
images/buttons.png
)
-6
px
-193
px
no-repeat
;
color
:
#fff
;
}
#
taskbar
.
button-logout
{
display
:
none
;
}
#
taskbar
a
.
button-logout
span
.
button-inner
{
background-position
:
-2
px
-1791
px
;
}
#
taskbar
a
.
button-logout
:
hover
span
.
button-inner
{
background-position
:
-2
px
-1829
px
;
}
/*** minimal version of the page header ***/
.
minimal
#
topline
{
position
:
fixed
;
top
:
-18
px
;
background
:
#444
;
z-index
:
5000
;
width
:
100
%
;
height
:
22
px
;
-moz-
box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
.
minimal
#
topline
:
hover
{
top
:
0
px
;
opacity
:
0.94
;
filter
:
alpha
(
opacity
=
94
);
-webkit-
transition
:
top
0.3
s
ease-in-out
;
-moz-
transition
:
top
0.3
s
ease-in-out
;
-o-
transition
:
top
0.3
s
ease-in-out
;
transition
:
top
0.3
s
ease-in-out
;
}
.
extwin
#
topline
,
.
extwin
#
topline
:
hover
{
position
:
static
;
top
:
0
px
;
height
:
18
px
;
width
:
auto
;
-moz-
box-sizing
:
content-box
;
box-sizing
:
content-box
;
opacity
:
0.999
;
}
.
minimal
#
topline
a
.
button-logout
{
display
:
none
;
}
.
minimal
#
topline
span
.
username
{
display
:
inline-block
;
padding-top
:
2
px
;
}
.
minimal
#
topnav
{
position
:
relative
;
top
:
4
px
;
height
:
42
px
;
}
.
minimal
#
taskbar
a
{
position
:
relative
;
padding
:
10
px
10
px
0
6
px
;
height
:
32
px
;
}
.
minimal
#
taskbar
.
button-logout
{
display
:
inline-block
;
}
.
minimal
#
taskbar
.
button-inner
{
top
:
-4
px
;
padding
:
0
;
height
:
24
px
!important
;
width
:
27
px
;
text-indent
:
-5000
px
;
}
#
taskbar
.
tooltip
{
display
:
none
;
}
.
minimal
#
taskbar
.
tooltip
{
position
:
absolute
;
top
:
-500
px
;
right
:
2
px
;
display
:
inline-block
;
padding
:
2
px
8
px
3
px
8
px
;
background
:
#444
;
background
:
-moz-
linear-gradient
(
top
,
#444
0
%
,
#333
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#444
),
color
-
stop
(
100
%
,
#333
));
background
:
-o-
linear-gradient
(
top
,
#444
0
%
,
#333
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#444
0
%
,
#333
100
%
);
background
:
linear-gradient
(
top
,
#444
0
%
,
#333
100
%
);
color
:
#eee
;
font-weight
:
bold
;
white-space
:
nowrap
;
border
:
1
px
solid
#777
;
box-shadow
:
0
1
px
5
px
0
#333
;
-moz-
box-shadow
:
0
1
px
5
px
0
#333
;
-webkit-
box-shadow
:
0
1
px
5
px
0
#333
;
-o-
box-shadow
:
0
1
px
5
px
0
#333
;
z-index
:
200
;
white-space
:
nowrap
;
text-shadow
:
0
px
1
px
1
px
#000
;
}
.
minimal
#
taskbar
.
tooltip
:
after
{
content
:
""
;
position
:
absolute
;
top
:
-4
px
;
right
:
15
px
;
border-style
:
solid
;
border-width
:
0
4
px
4
px
;
border-color
:
#888
transparent
;
/* reduce the damage in FF3.0 */
display
:
block
;
width
:
0
;
z-index
:
251
;
}
.
ie8
.
minimal
#
taskbar
.
tooltip
:
after
{
top
:
-6
px
;
}
.
minimal
#
taskbar
a
:
hover
.
tooltip
{
display
:
block
;
top
:
39
px
;
}
/*** taskbar ***/
#
taskbar
{
position
:
relative
;
padding-right
:
18
px
;
}
#
taskbar
a
{
display
:
inline-block
;
height
:
34
px
;
padding
:
12
px
10
px
0
6
px
;
}
#
taskbar
a
span
.
button-inner
{
display
:
inline-block
;
font-size
:
110
%
;
font-weight
:
normal
;
text-shadow
:
0
px
1
px
1
px
black
;
padding
:
5
px
0
0
34
px
;
height
:
19
px
;
background
:
url
(
images/buttons.png
)
-1000
px
0
no-repeat
;
}
#
taskbar
a
.
button-selected
{
color
:
#3cf
;
background-color
:
#2c2c2c
;
}
#
taskbar
a
.
button-mail
span
.
button-inner
{
background-position
:
0
2
px
;
}
#
taskbar
a
.
button-mail
:
hover
span
.
button-inner
,
#
taskbar
a
.
button-mail
.
button-selected
span
.
button-inner
{
background-position
:
0
-22
px
;
}
#
taskbar
a
.
button-addressbook
span
.
button-inner
{
background-position
:
0
-48
px
;
}
#
taskbar
a
.
button-addressbook
:
hover
span
.
button-inner
,
#
taskbar
a
.
button-addressbook
.
button-selected
span
.
button-inner
{
background-position
:
0
-72
px
;
}
#
taskbar
a
.
button-settings
span
.
button-inner
{
background-position
:
0
-96
px
;
}
#
taskbar
a
.
button-settings
:
hover
span
.
button-inner
,
#
taskbar
a
.
button-settings
.
button-selected
span
.
button-inner
{
background-position
:
0
-120
px
;
}
#
taskbar
a
.
button-calendar
span
.
button-inner
{
background-position
:
0
-144
px
;
}
#
taskbar
a
.
button-calendar
:
hover
span
.
button-inner
,
#
taskbar
a
.
button-calendar
.
button-selected
span
.
button-inner
{
background-position
:
0
-168
px
;
}
#
taskbar
.
minmodetoggle
{
position
:
absolute
;
top
:
0
;
right
:
0
;
display
:
block
;
width
:
19
px
;
height
:
46
px
;
cursor
:
pointer
;
background
:
url
(
images/buttons.png
)
-35
px
-1778
px
no-repeat
;
}
.
minimal
#
taskbar
.
minmodetoggle
{
height
:
42
px
;
background-position
:
-35
px
-1820
px
;
}
#
mainscreen
{
position
:
absolute
;
top
:
88
px
;
left
:
10
px
;
right
:
10
px
;
bottom
:
20
px
;
}
.
minimal
#
mainscreen
{
top
:
62
px
;
}
.
minimal
#
mainscreen
.
offset
{
top
:
102
px
;
}
.
extwin
#
mainscreen
{
top
:
40
px
;
}
#
mainscreen
.
offset
{
top
:
132
px
;
}
#
mainscreen
.
offset
{
top
:
42
px
;
}
.
uibox
{
border
:
1
px
solid
#a3a3a3
;
border-radius
:
4
px
;
overflow
:
hidden
;
box-shadow
:
0
0
2
px
#999
;
-o-
box-shadow
:
0
0
2
px
#999
;
-webkit-
box-shadow
:
0
0
2
px
#999
;
-moz-
box-shadow
:
0
0
2
px
#999
;
background
:
#fff
;
}
.
minwidth
{
position
:
absolute
;
top
:
0
;
left
:
0
;
bottom
:
0
;
width
:
100
%
;
min-width
:
1024
px
;
}
.
scroller
{
overflow
:
auto
;
}
.
readtext
{
width
:
42
em
;
padding
:
12
px
;
font-size
:
12
px
;
}
.
readtext
>
h1
,
.
readtext
>
h2
,
.
readtext
>
h3
{
margin-top
:
0
;
}
.
watermark
{
background-image
:
url
(
images/watermark.jpg
);
background-position
:
center
;
background-repeat
:
no-repeat
;
}
/*** lists ***/
.
listbox
{
background
:
#d9ecf4
;
overflow
:
hidden
;
}
.
listbox
.
scroller
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100
%
;
bottom
:
0
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
}
.
listbox
.
scroller
.
withfooter
{
bottom
:
42
px
;
}
.
listbox
.
boxtitle
+
.
scroller
{
top
:
34
px
;
}
.
boxtitle
,
.
uibox
.
listing
thead
td
{
font-size
:
12
px
;
font-weight
:
bold
;
padding
:
10
px
8
px
3
px
8
px
;
height
:
20
px
;
/* doesn't affect table-cells in FF */
margin
:
0
;
text-shadow
:
0
px
1
px
1
px
#fff
;
border-bottom
:
1
px
solid
#bbd3da
;
white-space
:
nowrap
;
}
.
uibox
.
listing
thead
td
{
padding-bottom
:
8
px
;
height
:
auto
;
}
.
uibox
.
boxtitle
,
.
uibox
.
listing
thead
td
{
background
:
#b0ccd7
;
color
:
#004458
;
border-radius
:
4
px
4
px
0
0
;
}
.
listbox
.
listitem
,
.
listbox
.
tablink
,
.
listing
tbody
td
,
.
listing
li
{
display
:
block
;
border-top
:
1
px
solid
#fff
;
border-bottom
:
1
px
solid
#bbd3da
;
cursor
:
default
;
font-weight
:
normal
;
}
.
listbox
.
listitem
a
,
.
listbox
.
tablink
a
,
.
listing
tbody
td
,
.
listing
li
a
{
display
:
block
;
color
:
#376572
;
text-shadow
:
0
px
1
px
1
px
#fff
;
text-decoration
:
none
;
cursor
:
default
;
padding
:
6
px
8
px
2
px
8
px
;
height
:
17
px
;
/* doesn't affect table-cells in FF */
white-space
:
nowrap
;
}
.
listing
tbody
td
{
display
:
table-cell
;
padding-bottom
:
5
px
;
height
:
auto
;
min-height
:
14
px
;
}
.
webkit
.
listing
tbody
td
{
height
:
14
px
;
}
.
listbox
.
listitem
.
selected
,
.
listbox
.
tablink
.
selected
,
.
listbox
.
listitem
.
selected
>
a
,
.
listbox
.
tablink
.
selected
>
a
,
.
listing
tbody
tr
.
unfocused
td
,
.
listing
tbody
tr
.
selected
td
,
.
listing
li
.
selected
,
.
listing
li
.
selected
>
a
{
color
:
#004458
;
font-weight
:
bold
;
background-color
:
#c7e3ef
;
}
ul
.
listing
{
display
:
block
;
list-style
:
none
;
margin
:
0
;
padding
:
0
;
}
ul
.
listing
li
{
background-color
:
#d9ecf4
;
}
ul
.
listing
li
ul
{
border-top
:
1
px
solid
#bbd3da
;
}
ul
.
listing
li
.
droptarget
,
table
.
listing
tr
.
droptarget
td
{
background-color
:
#e8e798
;
}
.
listbox
table
.
listing
{
background-color
:
#d9ecf4
;
}
table
.
listing
,
table
.
layout
{
border
:
0
;
width
:
100
%
;
border-spacing
:
0
;
}
table
.
layout
td
{
vertical-align
:
top
;
}
ul
.
treelist
li
{
position
:
relative
;
}
ul
.
treelist
li
div
.
treetoggle
{
position
:
absolute
;
top
:
13
px
;
left
:
19
px
;
width
:
13
px
;
height
:
13
px
;
background
:
url
(
images/listicons.png
)
-3
px
-144
px
no-repeat
;
cursor
:
pointer
;
}
ul
.
treelist
li
div
.
treetoggle
.
expanded
{
background-position
:
-3
px
-168
px
;
}
ul
.
treelist
li
.
selected
>
div
.
collapsed
{
background-position
:
-23
px
-144
px
;
}
ul
.
treelist
li
.
selected
>
div
.
expanded
{
background-position
:
-23
px
-168
px
;
}
.
listbox
.
boxfooter
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
width
:
100
%
;
height
:
42
px
;
border-top
:
1
px
solid
#ccdde4
;
background
:
#d9ecf4
;
-webkit-
box-shadow
:
inset
0
1
px
0
0
#fff
;
-moz-
box-shadow
:
inset
0
1
px
0
0
#fff
;
box-shadow
:
inset
0
1
px
0
0
#fff
;
white-space
:
nowrap
;
overflow
:
hidden
;
}
.
uibox
.
boxfooter
{
border-radius
:
0
0
4
px
4
px
;
}
.
boxfooter
.
listbutton
{
display
:
inline-block
;
text-decoration
:
none
;
width
:
48
px
;
border-right
:
1
px
solid
#fff
;
background
:
#c7e3ef
;
padding
:
3
px
0
;
margin-top
:
1
px
;
}
.
uibox
.
boxfooter
.
listbutton
:
first-child
{
border-radius
:
0
0
0
4
px
;
}
.
boxfooter
.
listbutton
.
inner
{
display
:
inline-block
;
width
:
48
px
;
height
:
35
px
;
text-indent
:
-5000
px
;
background
:
url
(
images/buttons.png
)
-1000
px
0
no-repeat
;
}
.
boxfooter
.
listbutton
.
add
.
inner
{
background-position
:
10
px
-1301
px
;
}
.
boxfooter
.
listbutton
.
delete
.
inner
{
background-position
:
10
px
-1342
px
;
}
.
boxfooter
.
listbutton
.
groupactions
.
inner
{
background-position
:
5
px
-1382
px
;
}
.
boxfooter
.
listbutton
.
addto
.
inner
{
background-position
:
5
px
-1422
px
;
}
.
boxfooter
.
listbutton
.
addcc
.
inner
{
background-position
:
5
px
-1462
px
;
}
.
boxfooter
.
listbutton
.
addbcc
{
width
:
54
px
;
}
.
boxfooter
.
listbutton
.
addbcc
.
inner
{
width
:
54
px
;
background-position
:
2
px
-1502
px
;
}
.
boxfooter
.
listbutton
.
removegroup
.
inner
{
background-position
:
5
px
-1540
px
;
}
.
boxfooter
.
listbutton
.
disabled
.
inner
{
opacity
:
0.4
;
filter
:
alpha
(
opacity
=
40
);
}
.
boxfooter
.
countdisplay
{
display
:
inline-block
;
position
:
relative
;
top
:
10
px
;
color
:
#69929e
;
padding
:
3
px
6
px
;
}
.
boxpagenav
{
position
:
absolute
;
top
:
10
px
;
right
:
6
px
;
width
:
auto
;
}
.
boxpagenav
a
.
icon
{
display
:
inline-block
;
padding
:
1
px
3
px
;
height
:
13
px
;
width
:
14
px
;
text-indent
:
1000
px
;
vertical-align
:
bottom
;
overflow
:
hidden
;
background
:
url
(
images/buttons.png
)
-4
px
-286
px
no-repeat
;
}
.
boxpagenav
a
.
icon
.
prevpage
{
background-position
:
-4
px
-301
px
;
}
.
boxpagenav
a
.
icon
.
nextpage
{
background-position
:
-28
px
-301
px
;
}
.
boxpagenav
a
.
icon
.
lastpage
{
background-position
:
-28
px
-286
px
;
}
.
boxpagenav
a
.
icon
.
disabled
{
opacity
:
0.4
;
filter
:
alpha
(
opacity
=
40
);
}
.
centerbox
{
width
:
40
em
;
margin
:
16
px
auto
;
}
.
errorbox
{
width
:
40
em
;
padding
:
20
px
;
}
.
errorbox
h3
{
font-size
:
16
px
;
margin-top
:
0
;
}
/*** Records table ***/
table
.
records-table
{
display
:
table
;
width
:
100
%
;
table-layout
:
fixed
;
border-collapse
:
collapse
;
border-spacing
:
0
;
border
:
1
px
solid
#bbd3da
;
}
.
boxlistcontent
.
records-table
{
border
:
0
;
}
.
records-table
thead
td
{
color
:
#69939e
;
font-size
:
11
px
;
font-weight
:
bold
;
background
:
#d6eaf3
;
background
:
-moz-
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
right
top
,
color
-
stop
(
0
,
#e3f2f6
),
color
-
stop
(
8
%
,
#d6eaf3
),
color
-
stop
(
100
%
,
#d6eaf3
));
background
:
-o-
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
background
:
-ms-
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
background
:
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
border-left
:
1
px
solid
#bbd3da
;
padding
:
8
px
7
px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
.
records-table
.
sortheader
thead
td
{
padding
:
0
;
}
.
records-table
thead
td
a
,
.
records-table
thead
td
span
{
display
:
block
;
padding
:
7
px
7
px
;
color
:
#69939e
;
text-decoration
:
none
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
.
records-table
tbody
td
{
padding
:
2
px
7
px
;
border-bottom
:
1
px
solid
#ddd
;
border-left
:
1
px
dotted
#bbd3da
;
white-space
:
nowrap
;
cursor
:
default
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
background-color
:
#fff
;
}
.
records-table
thead
tr
td
:
first-child
,
.
records-table
tbody
tr
td
:
first-child
{
border-left
:
0
;
}
.
records-table
tr
.
selected
td
{
color
:
#fff
!important
;
background
:
#019bc6
;
background
:
-moz-
linear-gradient
(
top
,
#019bc6
0
%
,
#017cb4
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#019bc6
),
color
-
stop
(
100
%
,
#017cb4
));
background
:
-o-
linear-gradient
(
top
,
#019bc6
0
%
,
#017cb4
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#019bc6
0
%
,
#017cb4
100
%
);
background
:
linear-gradient
(
top
,
#019bc6
0
%
,
#017cb4
100
%
);
}
.
records-table
tr
.
selected
td
a
,
.
records-table
tr
.
selected
td
span
{
color
:
#fff
!important
;
}
.
records-table
tr
.
unfocused
td
{
color
:
#fff
!important
;
background
:
#4db0d2
!important
;
}
.
records-table
tr
.
unfocused
td
a
,
.
records-table
tr
.
unfocused
td
span
{
color
:
#fff
!important
;
}
.
records-table
tr
.
deleted
td
,
.
records-table
tr
.
deleted
td
a
{
color
:
#ccc
!important
;
}
/*** iFrames ***/
#
aboutframe
{
width
:
97
%
;
height
:
100
%
;
border
:
0
;
padding
:
0
;
}
body
.
iframe
{
background
:
#fff
;
margin
:
38
px
0
10
px
0
;
}
body
.
iframe
.
error
{
background
:
#ededed
;
}
body
.
iframe
.
floatingbuttons
{
margin-bottom
:
40
px
;
}
body
.
iframe
.
fullheight
{
margin
:
0
;
}
.
contentbox
.
boxtitle
,
body
.
iframe
.
boxtitle
{
color
:
#777
;
background
:
#eee
;
background
:
-moz-
linear-gradient
(
top
,
#eee
0
%
,
#dfdfdf
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#eee
),
color
-
stop
(
100
%
,
#dfdfdf
));
background
:
-o-
linear-gradient
(
top
,
#eee
0
%
,
#dfdfdf
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#eee
0
%
,
#dfdfdf
100
%
);
background
:
linear-gradient
(
top
,
#eee
0
%
,
#dfdfdf
100
%
);
border-bottom
:
1
px
solid
#ccc
;
}
body
.
iframe
.
boxtitle
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100
%
;
z-index
:
100
;
}
body
.
iframe
.
footerleft
.
floating
,
#
composeview-bottom
.
formbuttons
.
floating
{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
width
:
100
%
;
z-index
:
110
;
background
:
#fff
;
padding-top
:
8
px
;
padding-bottom
:
12
px
;
}
body
.
iframe
.
footerleft
.
floating
:
before
,
#
composeview-bottom
.
formbuttons
.
floating
:
before
{
content
:
" "
;
position
:
absolute
;
top
:
-6
px
;
left
:
0
;
width
:
100
%
;
height
:
6
px
;
background
:
url
(
images/overflowshadow.png
)
top
center
no-repeat
;
}
.
boxcontent
{
padding
:
10
px
;
}
.
contentbox
.
scroller
{
position
:
absolute
;
top
:
34
px
;
left
:
0
;
right
:
0
;
bottom
:
28
px
;
overflow
:
auto
;
}
.
iframebox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
28
px
;
}
.
footerleft
{
padding
:
0
12
px
4
px
12
px
;
}
.
propform
fieldset
{
margin-bottom
:
20
px
;
border
:
0
;
padding
:
0
;
}
.
propform
fieldset
legend
{
display
:
block
;
font-size
:
14
px
;
font-weight
:
bold
;
padding-bottom
:
10
px
;
margin-bottom
:
0
;
}
.
propform
fieldset
fieldset
legend
{
color
:
#666
;
font-size
:
12
px
;
}
fieldset
.
floating
{
float
:
left
;
margin-right
:
10
px
;
margin-bottom
:
10
px
;
}
table
.
propform
{
width
:
100
%
;
border-spacing
:
0
;
border-collapse
:
collapse
;
}
ul
.
proplist
li
,
table
.
propform
td
{
width
:
80
%
;
padding
:
4
px
10
px
;
background
:
#eee
;
border-bottom
:
2
px
solid
#fff
;
}
table
.
propform
td
.
title
{
width
:
20
%
;
color
:
#333
;
padding-right
:
20
px
;
white-space
:
nowrap
;
}
table
.
propform
.
mceLayout
td
{
padding
:
0
;
border-bottom
:
0
;
}
ul
.
proplist
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
}
ul
.
proplist
li
{
width
:
auto
;
}
#
pluginbody
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
}
/*** Login form ***/
#
login-form
{
position
:
relative
;
width
:
580
px
;
margin
:
20
ex
auto
2
ex
auto
;
}
#
login-form
.
box-inner
{
width
:
430
px
;
background
:
url
(
images/linen_login.jpg
)
top
left
no-repeat
#5c5c5c
;
margin
:
0
50
px
;
padding
:
10
px
24
px
24
px
24
px
;
border
:
1
px
solid
#333
;
border-radius
:
5
px
;
box-shadow
:
inset
0
0
1
px
#ccc
;
-o-
box-shadow
:
inset
0
0
1
px
#ccc
;
-webkit-
box-shadow
:
inset
0
0
1
px
#ccc
;
-moz-
box-shadow
:
inset
0
0
1
px
#ccc
;
}
#
login-form
.
box-bottom
{
background
:
url
(
images/login_shadow.png
)
top
center
no-repeat
;
margin-top
:
-3
px
;
padding-top
:
10
px
;
}
#
login-form
.
noscriptwarning
{
margin
:
0
auto
;
width
:
430
px
;
color
:
#cf2734
;
font-size
:
110
%
;
font-weight
:
bold
;
}
#
login-form
td
.
input
{
width
:
80
%
;
padding
:
8
px
;
}
#
login-form
input
[
type
=
"text"
],
#
login-form
input
[
type
=
"password"
]
{
width
:
100
%
;
border-color
:
#666
;
}
#
login-form
input
.
button
{
color
:
#444
;
text-shadow
:
0
px
1
px
1
px
#fff
;
border-color
:
#f9f9f9
;
background
:
#f9f9f9
;
background
:
-moz-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e2e2e2
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#f9f9f9
),
color
-
stop
(
100
%
,
#e2e2e2
));
background
:
-o-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e2e2e2
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e2e2e2
100
%
);
background
:
linear-gradient
(
top
,
#f9f9f9
0
%
,
#e2e2e2
100
%
);
box-shadow
:
inset
0
1
px
0
0
#fff
;
-moz-
box-shadow
:
inset
0
1
px
0
0
#fff
;
-webkit-
box-shadow
:
inset
0
1
px
0
0
#fff
;
-o-
box-shadow
:
inset
0
1
px
0
0
#fff
;
}
#
login-form
input
.
button
:
hover
,
#
login-form
input
.
button
:
focus
{
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
),
inset
0
1
px
0
0
#fff
;
-moz-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
),
inset
0
1
px
0
0
#fff
;
-webkit-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
),
inset
0
1
px
0
0
#fff
;
-o-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
),
inset
0
1
px
0
0
#fff
;
}
#
login-form
input
.
button
:
active
{
color
:
#333
;
background
:
-moz-
linear-gradient
(
top
,
#dcdcdc
0
%
,
#f9f9f9
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#dcdcdc
),
color
-
stop
(
100
%
,
#f9f9f9
));
background
:
-o-
linear-gradient
(
top
,
#dcdcdc
0
%
,
#f9f9f9
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#dcdcdc
0
%
,
#f9f9f9
100
%
);
background
:
linear-gradient
(
top
,
#dcdcdc
0
%
,
#f9f9f9
100
%
);
}
#
login-form
form
table
{
width
:
98
%
;
}
#
login-form
td
.
title
{
width
:
20
%
;
white-space
:
nowrap
;
color
:
#cecece
;
text-shadow
:
0
px
1
px
1
px
black
;
text-align
:
right
;
padding-right
:
1
em
;
}
#
login-form
p
.
formbuttons
{
margin-top
:
2
em
;
text-align
:
center
;
}
#
login-form
#
logo
{
margin-bottom
:
20
px
;
}
#
login-form
#
message
{
min-height
:
40
px
;
padding
:
5
px
25
px
;
text-align
:
center
;
}
#
login-form
#
message
div
{
display
:
inline-block
;
padding-right
:
0
;
}
#
bottomline
{
font-size
:
90
%
;
text-align
:
center
;
margin-top
:
2
em
;
}
/*** quicksearch **/
.
searchbox
{
position
:
relative
;
}
#
quicksearchbar
{
position
:
absolute
;
right
:
1
px
;
top
:
2
px
;
width
:
240
px
;
}
.
searchbox
input
,
#
quicksearchbar
input
{
width
:
176
px
;
margin
:
0
;
padding
:
3
px
30
px
3
px
34
px
;
height
:
18
px
;
background
:
#f1f1f1
;
border-color
:
#ababab
;
font-weight
:
bold
;
font-size
:
11
px
;
}
.
searchbox
#
searchmenulink
,
#
quicksearchbar
#
searchmenulink
{
position
:
absolute
;
top
:
5
px
;
left
:
6
px
;
}
.
searchbox
#
searchreset
,
#
quicksearchbar
#
searchreset
{
position
:
absolute
;
top
:
4
px
;
right
:
1
px
;
}
/*** toolbar ***/
.
toolbar
.
spacer
{
display
:
inline-block
;
width
:
24
px
;
height
:
40
px
;
padding
:
0
;
}
.
toolbar
a
.
button
{
text-align
:
center
;
font-size
:
10
px
;
color
:
#555
;
min-width
:
50
px
;
max-width
:
75
px
;
height
:
13
px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
padding
:
28
px
2
px
0
2
px
;
text-shadow
:
0
px
1
px
1
px
#eee
;
box-shadow
:
none
;
-moz-
box-shadow
:
none
;
-webkit-
box-shadow
:
none
;
-o-
box-shadow
:
none
;
background
:
url
(
images/buttons.png
)
-100
px
0
no-repeat
transparent
;
border
:
0
;
}
.
toolbar
a
.
button
.
disabled
{
opacity
:
0.4
;
filter
:
alpha
(
opacity
=
40
);
}
.
dropbutton
{
display
:
inline-block
;
position
:
relative
;
}
.
dropbutton
.
dropbuttontip
{
display
:
block
;
position
:
absolute
;
right
:
0
;
top
:
0
;
height
:
42
px
;
width
:
18
px
;
background
:
url
(
images/buttons.png
)
0
-1255
px
no-repeat
;
cursor
:
pointer
;
}
.
dropbutton
.
dropbuttontip
:
hover
{
background-position
:
-26
px
-1255
px
;
}
.
dropbutton
a
.
button
.
disabled
+
.
dropbuttontip
{
opacity
:
0.5
;
filter
:
alpha
(
opacity
=
50
);
}
.
dropbutton
a
.
button
.
disabled
+
.
dropbuttontip
:
hover
{
background-position
:
0
-1255
px
;
}
.
dropbutton
a
.
button
{
margin-left
:
0
;
padding-left
:
0
;
margin-right
:
0
;
padding-right
:
0
;
}
.
toolbar
a
.
button
.
back
{
background-position
:
0
-1216
px
;
}
.
toolbar
a
.
button
.
checkmail
{
background-position
:
center
-1176
px
;
}
.
toolbar
a
.
button
.
compose
{
background-position
:
center
-530
px
;
}
.
toolbar
a
.
button
.
reply
{
background-position
:
center
-570
px
;
}
.
toolbar
a
.
button
.
reply-all
{
min-width
:
64
px
;
background-position
:
left
-610
px
;
}
.
toolbar
a
.
button
.
forward
{
min-width
:
64
px
;
background-position
:
left
-650
px
;
}
.
toolbar
a
.
button
.
delete
{
background-position
:
center
-690
px
;
}
.
toolbar
a
.
button
.
archive
{
background-position
:
center
-730
px
;
}
.
toolbar
a
.
button
.
junk
{
background-position
:
center
-770
px
;
}
.
toolbar
a
.
button
.
print
{
background-position
:
center
-810
px
;
}
.
toolbar
a
.
button
.
markmessage
{
background-position
:
center
-1094
px
;
}
.
toolbar
a
.
button
.
more
{
background-position
:
center
-850
px
;
}
.
toolbar
a
.
button
.
attach
{
background-position
:
center
-890
px
;
}
.
toolbar
a
.
button
.
spellcheck
{
min-width
:
64
px
;
background-position
:
left
-930
px
;
}
.
toolbar
a
.
button
.
spellcheck
.
selected
{
background-position
:
left
-1620
px
;
color
:
#1978a1
;
}
.
toolbar
a
.
button
.
insertsig
{
background-position
:
center
-1135
px
;
}
.
toolbar
a
.
button
.
search
{
background-position
:
center
-970
px
;
}
.
toolbar
a
.
button
.
import
{
background-position
:
center
-1012
px
;
}
.
toolbar
a
.
button
.
export
{
min-width
:
74
px
;
background-position
:
center
-1054
px
;
}
.
toolbar
a
.
button
.
send
{
background-position
:
center
-1660
px
;
}
.
toolbar
a
.
button
.
savedraft
{
background-position
:
center
-1700
px
;
}
.
toolbar
a
.
button
.
close
{
background-position
:
0
-1745
px
;
}
.
toolbar
a
.
button
.
download
{
background-position
:
center
-1906
px
;
}
a
.
menuselector
{
display
:
inline-block
;
border
:
1
px
solid
#ababab
;
border-radius
:
4
px
;
background
:
#f8f8f8
;
background
:
-moz-
linear-gradient
(
top
,
#f8f8f8
0
%
,
#dddddd
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#f8f8f8
),
color
-
stop
(
100
%
,
#dddddd
));
background
:
-o-
linear-gradient
(
top
,
#f8f8f8
0
%
,
#dddddd
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#f9f9f9
0
%
,
#dddddd
100
%
);
background
:
linear-gradient
(
top
,
#f8f8f8
0
%
,
#dddddd
100
%
);
text-decoration
:
none
;
color
:
#333
;
cursor
:
pointer
;
white-space
:
nowrap
;
}
a
.
menuselector
.
handle
{
display
:
inline-block
;
padding
:
0
32
px
0
6
px
;
height
:
20
px
;
line-height
:
19
px
;
text-shadow
:
0
px
1
px
1
px
#fff
;
background
:
url
(
images/selector.png
)
right
center
no-repeat
;
border-radius
:
4
px
;
}
a
.
menuselector
:
active
{
background
:
#dddddd
;
background
:
-moz-
linear-gradient
(
top
,
#dddddd
0
%
,
#f8f8f8
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#dddddd
),
color
-
stop
(
100
%
,
#f8f8f8
));
background
:
-o-
linear-gradient
(
top
,
#dddddd
0
%
,
#f8f8f8
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#dddddd
0
%
,
#f8f8f8
100
%
);
background
:
linear-gradient
(
top
,
#dddddd
0
%
,
#f8f8f8
100
%
);
text-decoration
:
none
;
}
select
.
decorated
{
position
:
relative
;
z-index
:
10
;
opacity
:
0
;
height
:
22
px
;
cursor
:
pointer
;
filter
:
alpha
(
opacity
=
0
);
-khtml-
appearance
:
none
;
-webkit-
appearance
:
none
;
border
:
0
;
}
html
.
opera
select
.
decorated
{
opacity
:
1
;
}
select
.
decorated
option
{
color
:
#fff
;
background
:
#444
;
border
:
0
;
border-top
:
1
px
solid
#5a5a5a
;
border-bottom
:
1
px
solid
#333
;
text-shadow
:
0
px
1
px
1
px
#333
;
padding
:
4
px
6
px
;
outline
:
none
;
cursor
:
default
;
}
/*** quota indicator ***/
#
quotadisplay
{
left
:
6
px
;
font-size
:
12
px
;
font-weight
:
bold
;
text-shadow
:
0
px
1
px
1
px
#fff
;
padding-left
:
30
px
;
height
:
18
px
;
background
:
url
(
images/quota.png
)
-100
px
0
no-repeat
;
}
/*** popup menus ***/
.
popupmenu
,
#
rcmKSearchpane
{
display
:
none
;
position
:
absolute
;
top
:
32
px
;
left
:
90
px
;
width
:
auto
;
background
:
#444
;
border
:
1
px
solid
#999
;
z-index
:
240
;
border-radius
:
4
px
;
box-shadow
:
0
2
px
6
px
0
#333
;
-moz-
box-shadow
:
0
2
px
6
px
0
#333
;
-webkit-
box-shadow
:
0
2
px
6
px
0
#333
;
-o-
box-shadow
:
0
2
px
6
px
0
#333
;
}
.
popupmenu
.
dropdown
{
border-radius
:
0
0
4
px
4
px
;
border-top
:
0
;
}
ul
.
toolbarmenu
,
#
rcmKSearchpane
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
}
.
googie_list
td
,
ul
.
toolbarmenu
li
,
#
rcmKSearchpane
ul
li
{
color
:
#fff
;
white-space
:
nowrap
;
min-width
:
130
px
;
margin
:
0
;
border-top
:
1
px
solid
#5a5a5a
;
border-bottom
:
1
px
solid
#333
;
}
.
googie_list
tr
:
first-child
td
,
ul
.
toolbarmenu
li
:
first-child
,
select
.
decorated
option
:
first-child
{
border-top
:
0
;
}
.
googie_list
tr
:
last-child
td
,
ul
.
toolbarmenu
li
:
last-child
,
select
.
decorated
option
:
last-child
{
border-bottom
:
0
;
}
.
googie_list
td
span
,
ul
.
toolbarmenu
li
a
{
display
:
block
;
color
:
#666
;
text-shadow
:
0
px
1
px
1
px
#333
;
text-decoration
:
none
;
min-height
:
14
px
;
padding
:
6
px
10
px
6
px
10
px
;
}
.
googie_list
td
span
{
padding
:
3
px
10
px
;
}
.
googie_list
td
span
,
ul
.
toolbarmenu
li
a
.
active
{
color
:
#fff
;
cursor
:
default
;
}
.
googie_list
td
.
googie_list_onhover
,
ul
.
toolbarmenu
li
a
.
active
:
hover
,
#
rcmKSearchpane
ul
li
.
selected
,
select
.
decorated
option
:
hover
,
select
.
decorated
option
[
selected
=
'selected'
]
{
background-color
:
#00aad6
;
background
:
-moz-
linear-gradient
(
top
,
#00aad6
0
%
,
#008fc9
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#00aad6
),
color
-
stop
(
100
%
,
#008fc9
));
background
:
-o-
linear-gradient
(
top
,
#00aad6
0
%
,
#008fc9
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#00aad6
0
%
,
#008fc9
100
%
);
background
:
linear-gradient
(
top
,
#00aad6
0
%
,
#008fc9
100
%
);
}
ul
.
toolbarmenu
.
iconized
li
a
,
ul
.
toolbarmenu
.
selectable
li
a
{
padding-left
:
30
px
;
}
ul
.
toolbarmenu
.
selectable
li
a
.
selected
{
background
:
url
(
images/messages.png
)
4
px
-27
px
no-repeat
;
}
ul
.
toolbarmenu
li
label
{
display
:
block
;
color
:
#fff
;
padding
:
4
px
8
px
;
text-shadow
:
0
px
1
px
1
px
#333
;
}
ul
.
toolbarmenu
li
a
.
icon
{
color
:
#eee
;
padding
:
2
px
6
px
;
}
ul
.
toolbarmenu
li
span
.
icon
{
display
:
block
;
min-height
:
14
px
;
padding
:
4
px
4
px
1
px
24
px
;
height
:
17
px
;
background-image
:
url
(
images/listicons.png
);
background-position
:
-100
px
0
;
background-repeat
:
no-repeat
;
opacity
:
0.2
;
filter
:
alpha
(
opacity
=
20
);
}
ul
.
toolbarmenu
li
a
.
active
span
.
icon
{
opacity
:
0.99
;
filter
:
alpha
(
opacity
=
100
);
}
ul
.
toolbarmenu
li
span
.
read
{
background-position
:
0
-1220
px
;
}
ul
.
toolbarmenu
li
span
.
unread
{
background-position
:
0
-1196
px
;
}
ul
.
toolbarmenu
li
span
.
flagged
{
background-position
:
0
-1244
px
;
}
ul
.
toolbarmenu
li
span
.
unflagged
{
background-position
:
0
-1268
px
;
}
ul
.
toolbarmenu
li
span
.
mail
{
background-position
:
0
-1293
px
;
}
ul
.
toolbarmenu
li
span
.
list
{
background-position
:
0
-1317
px
;
}
ul
.
toolbarmenu
li
span
.
invert
{
background-position
:
0
-1340
px
;
}
ul
.
toolbarmenu
li
span
.
cross
{
background-position
:
0
-1365
px
;
}
ul
.
toolbarmenu
li
span
.
print
{
background-position
:
0
-1436
px
;
}
ul
.
toolbarmenu
li
span
.
download
{
background-position
:
0
-1412
px
;
}
ul
.
toolbarmenu
li
span
.
edit
{
background-position
:
0
-1388
px
;
}
ul
.
toolbarmenu
li
span
.
viewsource
{
background-position
:
0
-1460
px
;
}
ul
.
toolbarmenu
li
span
.
extwin
{
background-position
:
0
-1484
px
;
}
ul
.
toolbarmenu
li
span
.
conversation
{
background-position
:
0
-1532
px
;
}
#
rcmKSearchpane
{
border-radius
:
0
0
4
px
4
px
;
border-top
:
0
;
}
#
rcmKSearchpane
ul
li
{
text-shadow
:
0
px
1
px
1
px
#333
;
text-decoration
:
none
;
min-height
:
14
px
;
padding
:
6
px
10
px
6
px
10
px
;
border
:
0
;
cursor
:
default
;
}
.
popupdialog
{
display
:
none
;
padding
:
10
px
;
}
.
popupdialog
.
formbuttons
{
margin
:
20
px
0
4
px
0
;
}
.
ui-dialog
.
prompt
input
{
display
:
block
;
margin
:
8
px
0
;
}
.
hint
{
margin
:
4
px
0
;
color
:
#999
;
text-shadow
:
0
px
1
px
1
px
#fff
;
}
.
splitter
{
user-select
:
none
;
-moz-
user-select
:
none
;
-khtml-
user-select
:
none
;
position
:
absolute
;
background
:
url
(
images/splitter.png
)
center
no-repeat
;
}
.
splitter-h
{
height
:
10
px
;
width
:
100
%
;
cursor
:
n-resize
;
cursor
:
row-resize
;
background-position
:
center
0
;
}
.
splitter-v
{
width
:
10
px
;
height
:
100
%
;
cursor
:
e-resize
;
cursor
:
col-resize
;
background-position
:
0
center
;
}
#
rcmdraglayer
{
min-width
:
260
px
;
width
:
auto
!important
;
width
:
260
px
;
padding
:
6
px
8
px
;
background
:
#444
;
border
:
1
px
solid
#555
;
border-radius
:
4
px
;
box-shadow
:
0
2
px
6
px
0
#333
;
-moz-
box-shadow
:
0
2
px
6
px
0
#333
;
-webkit-
box-shadow
:
0
2
px
6
px
0
#333
;
-o-
box-shadow
:
0
2
px
6
px
0
#333
;
z-index
:
250
;
color
:
#ccc
;
white-space
:
nowrap
;
opacity
:
0.92
;
filter
:
alpha
(
opacity
=
92
);
text-shadow
:
0
px
1
px
1
px
#333
;
}
#
rcmdraglayer
:
after
{
content
:
""
;
position
:
absolute
;
top
:
6
px
;
left
:
-6
px
;
border-style
:
solid
;
border-width
:
6
px
6
px
6
px
0
;
border-color
:
transparent
#444
;
/* reduce the damage in FF3.0 */
display
:
block
;
width
:
0
;
z-index
:
251
;
}
.
draglayercopy
:
before
{
position
:
absolute
;
bottom
:
-6
px
;
left
:
-6
px
;
content
:
" "
;
width
:
16
px
;
height
:
16
px
;
background
:
url
(
images/buttons.png
)
-7
px
-358
px
no-repeat
;
z-index
:
255
;
}
/*** attachment list ***/
.
attachmentslist
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
.
attachmentslist
li
{
display
:
block
;
position
:
relative
;
background
:
url
(
images/filetypes.png
)
0
0
no-repeat
;
margin-bottom
:
1
px
;
}
.
attachmentslist
li
.
pdf
{
background-position
:
0
-26
px
;
}
.
attachmentslist
li
.
doc
,
.
attachmentslist
li
.
docx
,
.
attachmentslist
li
.
msword
{
background-position
:
0
-52
px
;
}
.
attachmentslist
li
.
odt
{
background-position
:
0
-78
px
;
}
.
attachmentslist
li
.
xls
,
.
attachmentslist
li
.
xlsx
,
.
attachmentslist
li
.
msexcel
{
background-position
:
0
-104
px
;
}
.
attachmentslist
li
.
ods
{
background-position
:
0
-130
px
;
}
.
attachmentslist
li
.
zip
,
.
attachmentslist
li
.
gz
{
background-position
:
0
-156
px
;
}
.
attachmentslist
li
.
rar
{
background-position
:
0
-182
px
;
}
.
attachmentslist
li
.
image
{
background-position
:
0
-208
px
;
}
.
attachmentslist
li
.
jpg
,
.
attachmentslist
li
.
jpeg
{
background-position
:
0
-234
px
;
}
.
attachmentslist
li
.
png
{
background-position
:
0
-260
px
;
}
.
attachmentslist
li
.
m4p
{
background-position
:
0
-286
px
;
}
.
attachmentslist
li
.
mp3
,
.
attachmentslist
li
.
audio
{
background-position
:
0
-312
px
;
}
.
attachmentslist
li
.
video
{
background-position
:
0
-338
px
;
}
.
attachmentslist
li
.
txt
,
.
attachmentslist
li
.
text
{
background-position
:
0
-416
px
;
}
.
attachmentslist
li
.
ics
,
.
attachmentslist
li
.
calendar
{
background-position
:
0
-364
px
;
}
.
attachmentslist
li
.
vcard
{
background-position
:
0
-390
px
;
}
.
attachmentslist
li
.
sig
,
.
attachmentslist
li
.
pgp-signature
,
.
attachmentslist
li
.
pkcs7-signature
{
background-position
:
0
-442
px
;
}
.
attachmentslist
li
.
html
{
background-position
:
0
-468
px
;
}
.
attachmentslist
li
.
eml
,
.
attachmentslist
li
.
rfc822
{
background-position
:
0
-494
px
;
}
.
attachmentslist
li
a
,
#
compose-attachments
ul
li
{
display
:
block
;
color
:
#333
;
font-weight
:
bold
;
padding
:
8
px
15
px
3
px
30
px
;
text-shadow
:
0
px
1
px
1
px
#fff
;
text-decoration
:
none
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
.
attachmentslist
li
a
.
drop
{
background
:
url
(
images/buttons.png
)
no-repeat
scroll
center
-1570
px
;
width
:
14
px
;
height
:
20
px
;
cursor
:
pointer
;
position
:
absolute
;
right
:
0
;
top
:
0
;
padding
:
0
;
}
#
compose-attachments
ul
li
{
padding-right
:
28
px
;
}
.
attachmentslist
li
a
:
hover
{
text-decoration
:
underline
;
}
.
attachmentslist
li
.
uploading
{
background
:
url
(
images/ajaxloader.gif
)
2
px
6
px
no-repeat
;
}
.
attachmentslist
li
a
.
delete
,
.
attachmentslist
li
a
.
cancelupload
{
position
:
absolute
;
top
:
6
px
;
right
:
0
;
width
:
24
px
;
height
:
18
px
;
padding
:
0
;
text-decoration
:
none
;
text-indent
:
-5000
px
;
background
:
url
(
images/buttons.png
)
-7
px
-337
px
no-repeat
;
}
.
attachmentslist
li
a
.
cancelupload
{
background-position
:
-7
px
-377
px
;
}
/*** fieldset tabs ***/
.
tabsbar
{
margin-bottom
:
12
px
;
padding-top
:
15
px
;
height
:
27
px
;
white-space
:
nowrap
;
}
.
ui-dialog-content
.
tabsbar
{
margin-bottom
:
0
;
}
.
tabsbar
.
tablink
{
padding
:
15
px
1
px
15
px
0
;
background
:
#f8f8f8
;
background
:
-moz-
linear-gradient
(
top
,
#f8f8f8
0
%
,
#d3d3d3
50
%
,
#f8f8f8
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
0
%
,
#f8f8f8
),
color
-
stop
(
50
%
,
#d3d3d3
),
color
-
stop
(
100
%
,
#f8f8f8
));
background
:
-webkit-
linear-gradient
(
top
,
#f8f8f8
0
%
,
#d3d3d3
50
%
,
#f8f8f8
100
%
);
background
:
-o-
linear-gradient
(
top
,
#f8f8f8
0
%
,
#d3d3d3
50
%
,
#f8f8f8
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#f8f8f8
0
%
,
#d3d3d3
50
%
,
#f8f8f8
100
%
);
background
:
linear-gradient
(
top
,
#f8f8f8
0
%
,
#d3d3d3
50
%
,
#f8f8f8
100
%
);
}
.
tabsbar
.
tablink
:
last-child
{
background
:
none
;
}
.
tabsbar
.
tablink
:
last-child
a
{
border-right
:
0
;
}
.
tabsbar
.
tablink
a
{
padding
:
15
px
;
color
:
#999
;
font-size
:
12
px
;
font-weight
:
bold
;
text-decoration
:
none
;
background
:
#fff
;
border-right
:
1
px
solid
#fafafa
;
}
.
tabsbar
.
tablink
.
selected
a
{
color
:
#004458
;
background
:
#f6f6f6
;
background
:
-moz-
linear-gradient
(
top
,
#fff
40
%
,
#efefef
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-
stop
(
40
%
,
#fff
),
color
-
stop
(
100
%
,
#efefef
));
background
:
-o-
linear-gradient
(
top
,
#fff
40
%
,
#efefef
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#fff
40
%
,
#efefef
100
%
);
background
:
linear-gradient
(
top
,
#fff
40
%
,
#efefef
100
%
);
}
fieldset
.
tab
{
border
:
0
;
padding
:
0
;
margin-left
:
0
;
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Mon, Aug 25, 6:12 PM (1 d, 4 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
257738
Default Alt Text
styles.css (47 KB)
Attached To
Mode
R3 roundcubemail
Attached
Detach File
Event Timeline
Log In to Comment