1 /* SOGo UI Stylesheet */
5 /* Bitstream VeraSans, , Tahoma, FreeSans, Helvetica, sans-serif */
13 font-family: Lucida Grande, Bitstream VeraSans, Tahoma;
15 background-color: #d4d0c8;
25 { font-family: inherit;
37 { /* position: absolute;
38 background-color: #ffa;
49 { text-decoration: none;
53 { white-space: nowrap;
59 border-spacing: 0px; }
62 { white-space: nowrap;
64 padding-right: .25em; }
74 text-decoration: underline; }
77 { background-color: #06348B; }
80 { text-decoration: none;
88 { text-decoration: none;
97 border-bottom: 1px solid #000000; }
99 div#header img.headerlogo
104 div#header div#headerhistory
110 div#header a, div#header span
113 div#header span#navtitle
114 { font-weight: bold; }
117 { text-decoration: none; }
122 { text-decoration: none;
125 { text-decoration: none;
127 font.skydockfont_inactiveMail
128 { text-decoration: none;
131 font.skydockfont_newMail
132 { text-decoration: none;
136 table.skytextdocktable
138 table-layout: auto; }
141 { background-color: #222;
152 text-decoration: none;
153 padding: .2em .5em; }
155 DIV.linkbanner A:hover
159 { vertical-align: bottom;
168 DIV.contactSelector UL.contactList IMG
169 { margin: 0px .5em; }
172 { border-bottom: 1px solid #fff;
173 border-right: 1px solid #fff;
174 border-top: 2px solid #222;
175 border-left: 2px solid #222;
176 vertical-align: middle;
177 -moz-border-top-colors: #9c9a94 #000 transparent;
178 -moz-border-left-colors: #9c9a94 #000 transparent;
180 padding-right: 1px; }
182 DIV.contactSelector DIV.contactList
183 { font-size: smaller;
188 border: 1px solid #444;
189 background-color: #eee;
193 { vertical-align: top; }
195 DIV, TEXTAREA, INPUT, SELECT
196 { font-family: inherit;
197 font-size: inherit; }
199 TEXTAREA, INPUT.textField
202 border-bottom: 1px solid #fff;
203 border-right: 1px solid #fff;
204 border-top: 2px solid #222;
205 border-left: 2px solid #222;
206 -moz-border-top-colors: #9c9a94 #000 transparent;
207 -moz-border-left-colors: #9c9a94 #000 transparent; }
211 vertical-align: middle; }
215 border-top: 1px solid #fff;
216 border-bottom: 1px solid #848284;
222 BODY.popup DIV#toolbar
225 SPAN.toolbarSeparator
229 vertical-align: middle;
230 border-right : 1px solid #fff;
231 border-left : 1px solid #9c9a94;
239 text-decoration: none; }
241 SPAN.toolbarButton, SPAN.disabledToolbarButton
246 -moz-box-align: center;
247 -moz-box-pack: center;
248 border-left: 1px solid transparent;
249 border-top: 1px solid transparent;
250 border-right: 1px solid transparent;
251 border-bottom: 1px solid transparent;
253 background-color: transparent;
254 color: -moz-DialogText; }
256 SPAN.disabledToolbarButton
259 filter: alpha(opacity=40); }
261 SPAN.toolbarButton:hover
262 { color: -moz-buttonhovertext;
263 border-top: 1px solid #fff;
264 border-left: 1px solid #fff;
265 border-bottom: 1px solid #828482;
266 border-right: 1px solid #828482; }
268 SPAN.toolbarButton:active
269 { color: -moz-buttonhovertext;
270 border-top: 1px solid #828482;
271 border-left: 1px solid #828482;
272 border-bottom: 1px solid #fff;
273 border-right: 1px solid #fff; }
275 .toolbarButton IMG.buttonImage
281 .toolbarButton .buttonLabel
286 { visibility: hidden;
289 background-color: #d6cfc6;
293 border-top: 1px solid #d6cfc6;
294 border-left: 1px solid #d6cfc6;
295 border-right: 1px solid #424142;
296 border-bottom: 1px solid #424142; }
300 list-style-type: none;
301 list-style-image: none;
304 border-top: 1px solid #fff;
305 border-left: 1px solid #fff;
306 border-right: 1px solid #9e9a92;
307 border-bottom: 1px solid #9e9a92; }
313 padding-bottom: .2em;
316 white-space: nowrap; }
319 .menu LI.disabled:hover
323 { margin-left: -.8em;
325 vertical-align: middle; }
327 .menu LI:hover, .menu LI.submenu-selected
328 { background-color: #4b6983;
331 .menu LI.separator, .menu LI.separator:hover
335 border-top: 1px solid #aaa;
336 border-bottom: 1px solid #fff; }
338 .menu LI.submenu, .menu LI.submenu-selected
339 { padding-right: 2em;
340 background-position: 98% 50%;
341 background-repeat: no-repeat; }
344 { background-image: url('submenu.gif'); }
346 .menu LI[class~="disabled"].submenu
347 { background-image: url('submenu-disabled.gif') !important; }
349 .menu LI.submenu:hover, .menu LI.submenu-selected
350 { background-image: url('submenu-active.gif') !important; }
353 { position: absolute;
357 border-top: 2px solid #fff;
358 border-left: 2px solid #fff;
359 border-right: 2px solid #999;
360 border-bottom: 2px solid #999;
361 -moz-border-top-colors: #000 #9c9a94 transparent;
362 -moz-border-left-colors: #000 #9c9a94 transparent;
363 font-family: monospace;
366 background-color: #fff;
374 /* DIV#logConsole > DIV.highlighted
375 { background-color: #ddf; }
381 border-top-color: #808080;
382 border-left-color: #808080;
383 border-bottom-color: #808080;
384 border-right-color: #808080;
388 padding-right: 4px; }
393 { background-color: #d4d0c8;
394 border-top: 1px solid #fff;
395 border-left: 1px solid #fff;
396 border-right: 2px solid #222;
397 border-bottom: 2px solid #222;
398 -moz-border-bottom-colors: #000 #9c9a94 transparent;
399 -moz-border-right-colors: #000 #9c9a94 transparent; }
401 TD.headerCell:active,
402 TD.tbtv_headercell:active
403 { background-color: #DCDAD5;
404 border: 1px solid #9c9a94;
405 -moz-border-bottom-colors: #9c9a94;
406 -moz-border-right-colors: #9c9a94; }
409 td.tbtv_headercell SPAN
420 td.tbtv_headercell a:hover
424 text-decoration: none;
425 /* background-color: #C4C0B8; */
428 TD.headerCell IMG.tbtv_sortcell,
429 td.tbtv_headercell img.tbtv_sortcell
438 vertical-align: top; }
441 { white-space: nowrap;
443 padding-right: .3em; }
464 td.tbtv_subject_headercell
470 { position: absolute;
472 background-color: #d4d0c8; }
474 DIV.dragHandle:active
475 { background-color: #99a; }
481 vertical-align: middle;
489 background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
490 background-repeat: no-repeat;
491 background-position: 2px 2px;
494 DIV.javascriptPopupBackground
495 { position: absolute;
496 background-color: #999;
499 filter: alpha(opacity=60);
505 text-align: center; }
507 DIV.javascriptMessagePseudoWindow,
508 DIV.javascriptMessagePseudoTopWindow
509 { position: absolute;
511 border-bottom: 2px solid #888;
512 -moz-border-bottom-colors: #000 #9c9a94 transparent;
517 filter: alpha(opacity=100);
519 background-color: #d4d0c8; }
521 DIV.javascriptMessagePseudoTopWindow
526 DIV.javascriptMessagePseudoWindow
527 { border-top: 2px solid #fff;
528 border-left: 2px solid #fff;
529 border-right: 2px solid #888;
530 -moz-border-top-colors: #efebe7 #fff;
531 -moz-border-left-colors: #efebe7 #fff;
532 -moz-border-right-colors: #000 #9c9a94 transparent; }
534 DIV.noJavascriptErrorMessage
539 DIV.noJavascriptErrorMessage A
545 { color: -moz-buttonhovertext;
546 background-color: #c4c2bd;
547 -moz-border-bottom-colors: #efebe7 #fff;
548 -moz-border-right-colors: #efebe7 #fff;
549 -moz-border-top-colors: #9c9a94 #000;
550 -moz-border-left-colors: #9c9a94 #000; }
554 A[class~="_disabled"].button:active
557 background-color: #d4d0c8;
558 border-top: 2px solid #fff;
559 border-left: 2px solid #fff;
560 border-bottom: 2px solid #888;
561 border-right: 2px solid #888;
562 -moz-border-top-colors: #efebe7 #fff;
563 -moz-border-left-colors: #efebe7 #fff;
564 -moz-border-bottom-colors: #000 #9c9a94 transparent;
565 -moz-border-right-colors: #000 #9c9a94 transparent;
566 text-decoration: none;
570 { vertical-align: middle; }
572 A[class~="_disabled"].button,
573 A[class~="_disabled"].button:active
575 background: inherit; }
578 { background-color: #fefefe;
586 background-color: #4b6983;
590 LI[class~="_selected"].denied
592 background-color: #f33;
595 /* folder tree (js) )*/
596 DIV.dTreeNode A SPAN.nodeName
603 DIV.dTreeNode A._selected SPAN.nodeName
605 background-color: #4b6983;
609 DIV.dTreeNode SPAN._dragOver
611 background-color: #4b6983;
617 { position: relative;
619 background-color: #d4d0c8;
621 border-top: 2px solid #fff;
622 border-left: 2px solid #fff;
623 border-right: 2px solid #888;
624 border-bottom: 2px solid #888;
625 -moz-border-top-colors: #efebe7 #fff;
626 -moz-border-left-colors: #efebe7 #fff;
627 -moz-border-right-colors: #000 #9c9a94 transparent;
628 -moz-border-bottom-colors: #000 #9c9a94 transparent; }
630 DIV.tabsContainer > UL
632 list-style-type: none;
633 list-style-image: none;
638 DIV.tabsContainer > UL LI
643 -moz-border-radius-topleft: 3px;
644 -moz-border-radius-topright: 3px;
645 border-top: 2px solid #fff;
646 border-bottom: 0px solid #fff;
647 border-right: 2px solid #888;
649 -moz-border-top-colors: #efebe7 #fff;
650 -moz-border-right-colors: #000 #9c9a94 transparent;
651 -moz-border-bottom-colors: #efebe7 #fff;
654 DIV.tabsContainer > UL LI.first,
655 DIV.tabsContainer > UL LI.active
656 { border-left: 2px solid #fff;
658 -moz-border-left-colors: #efebe7 #fff; }
660 DIV.tabsContainer > UL LI.active
662 background-color: #d4d0c8;
663 border-bottom: 1px none #fff;
668 DIV.tabsContainer > DIV.tab
669 { position: absolute;
677 DIV.tabsContainer DIV.active
680 DIV.tabsContainer > DIV[class~="active"].tab
681 { display: block !important; }
684 { vertical-align: middle;
685 -moz-border-top-colors: #000 #fff;
686 -moz-border-left-colors: #000 #fff;
687 -moz-border-bottom-colors: #000 #fff;
688 -moz-border-right-colors: #000 #fff; }