body{font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#333;background:#cad2d9;margin:0}body.noscroll{overflow:hidden}.iphone body.noscroll{overflow:auto}a{color:#0069a6}a:visited{color:#0186ba}img{border:0}.voice{position:absolute;border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}input,textarea,select,button{font-family:inherit;font-size:inherit;vertical-align:middle}input[type="text"],input[type="password"],textarea{margin:0;padding:4px;border:1px solid #b2b2b2;border-radius:4px}input[type="text"]:focus,input[type="password"]:focus,input.button:focus,textarea:focus{border-color:#4787b1;box-shadow:0 0 5px 2px rgba(71,135,177,0.9);outline:0}input[type="text"]:required,input[type="password"]:required{border-color:#4787b1}input.placeholder,textarea.placeholder{color:#aaa}.bold{font-weight:bold}label input+span{vertical-align:middle}.noselect{user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-webkit-user-select:none}input.button{display:inline-block;margin:0 2px;padding:4px 8px;color:#525252;border:1px solid silver;border-radius:4px;background:#f7f7f7;text-decoration:none;outline:0}.formbuttons input.button{color:#ddd;font-size:110%;padding:4px 12px;border-color:#465864;border-radius:5px;background:#666;box-shadow:0 1px 1px 0 #ccc}.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 5px 2px rgba(71,135,177,0.6)}.formbuttons input.button:active{color:#fff;background:#5f5f5f}input.button.mainaction{color:#ededed;border-color:#1f262c;background:#2c2f33}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:-ms-linear-gradient(top,#2a2e31 0,#505050 100%);background:linear-gradient(to bottom,#2a2e31 0,#505050 100%)}input.button[disabled],input.button[disabled]:hover,input.button.mainaction[disabled]{color:#aaa !important}input.mainaction{font-weight:bold}form.smart-upload,input.smart-upload{visibility:hidden;width:1px;height:1px;opacity:0}a.button,.buttongroup{display:inline-block;margin:0 2px;padding:2px 5px;color:#525252;border:1px solid #c6c6c6;border-radius:4px;background:#e6e6e6;text-decoration:none}.buttongroup{padding:0;white-space:nowrap}a.button:focus,input.button:focus{border-color:#017db6;box-shadow:0 0 2px 1px rgba(71,135,177,0.6);outline:0}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}a.button.disabled span.inner{opacity:.4}.buttongroup a.button{margin:0;border-width:0 1px 0 0;border-radius:0;background:0}.buttongroup a.button.first,.buttongroup a.button:first-child{border-radius:4px 0 0 4px;border-left:0}.buttongroup a.button.last,.buttongroup a.button:last-child{border-radius:0 4px 4px 0;border-right:0}a.button.pressed,a.button:active,input.button:active{background:#f7f7f7}.pagenav.dark a.button{font-weight:bold;border:0;background:transparent;margin:0}.pagenav.dark a.button.pressed{background:#d8d8d8}.buttongroup a.button.selected,.buttongroup a.button.selected:hover{background:#8a8a8a;border-right-color:#8a8a8a;border-left-color:#555}.buttongroup a.button:focus,.buttongroup a.button.selected:focus{background:#f2f2f2;background:-moz-linear-gradient(top,#49b3d2 0,#66bcd9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#49b3d2),color-stop(100%,#66bcd9));background:-ms-linear-gradient(top,#49b3d2 0,#66bcd9 100%);background:linear-gradient(to bottom,#49b3d2 0,#66bcd9 100%)}.pagenav a.button{padding:1px 3px;height:16px;vertical-align:middle;margin-bottom:1px}.pagenav .buttongroup a.button,.pagenav .buttongroup a.button:hover{padding:1px 5px;margin-bottom:0}a.button span.icon,.pagenav a.button span.inner{display:inline-block;width:16px;height:13px;text-indent:1000px;overflow:hidden;background:url(images/buttons.png?v=d70c.9130) -6px -211px no-repeat}a.button.prevpage span.icon,.pagenav a.prevpage span.inner{background-position:-7px -226px}a.button.nextpage span.icon,.pagenav a.nextpage span.inner{background-position:-28px -226px}a.button.lastpage span.icon,.pagenav a.lastpage span.inner{background-position:-28px -211px}a.button.pageup span.icon,.pagenav a.pageup span.inner{background-position:-7px -241px}a.button.pagedown span.icon,.pagenav a.pagedown span.inner{background-position:-29px -241px}a.button.reply span.icon,.pagenav a.reply span.inner{background-position:-7px -256px}a.button.forward span.icon,.pagenav a.forward span.inner{background-position:-29px -256px}a.button.replyall span.icon,.pagenav a.replyall span.inner{background-position:-7px -271px}a.button.extwin span.icon,.pagenav a.extwin span.inner{background-position:-29px -271px}a.button.changeformat.html span.icon,.pagenav a.changeformat.html span.inner{background-position:-7px -1859px}a.button.changeformat.html.selected span.icon,.pagenav a.changeformat.html.selected span.inner{background-position:-29px -1859px}a.button.changeformat.text span.icon,.pagenav a.changeformat.text span.inner{background-position:-7px -1874px}a.button.changeformat.text.selected span.icon,.pagenav a.changeformat.text.selected span.inner{background-position:-29px -1874px}a.button.add span.icon{background-position:-7px -2009px}a.button.delete span.icon{background-position:-29px -2009px}.pagenav .countdisplay{display:inline-block;padding:3px 1em 0 1em;min-width:16em}.pagenavbuttons{position:relative;top:-2px}.pagenav .pagejumper{text-align:center;padding:3px 0;cursor:default}a.iconbutton{display:inline-block;width:20px;height:18px;text-decoration:none;text-indent:-5000px;background:url(images/buttons.png?v=d70c.9130) -1000px 0 no-repeat}a.iconbutton.disabled{opacity:.4;cursor:default}a.iconbutton.searchicon,a.iconbutton.searchoptions{width:24px;background-position:-2px -317px}a.iconbutton.searchicon{width:15px}a.iconbutton.reset{width:24px;background-position:-25px -317px}a.iconbutton.remove,a.iconbutton.cancel{background-position:-7px -378px}a.iconbutton.delete{background-position:-7px -338px}a.iconbutton.add{background-position:-7px -358px}a.iconbutton.remove{background-position:-7px -379px}a.iconbutton.cancel{background-position:-7px -398px}a.iconbutton.edit{background-position:-7px -418px}a.iconbutton.upload{background-position:-6px -438px}a.iconlink{display:inline-block;color:#888;text-decoration:none;white-space:nowrap;padding:2px 8px 2px 20px;background:url(images/buttons.png?v=d70c.9130) -1000px 0 no-repeat}a.iconlink:hover{text-decoration:underline}a.iconlink.delete{background-position:-7px -337px}a.iconlink.add{background-position:-7px -357px}a.iconlink.remove{background-position:-7px -378px}a.iconlink.cancel{background-position:-7px -397px}a.iconlink.edit{background-position:-7px -417px}a.iconlink.upload{background-position:-6px -437px}#message div.loading,#message div.uploading,#message div.warning,#message div.error,#message div.notice,#message div.confirmation,#message-objects div.notice{color:#555;font-weight:bold;padding:6px 30px 6px 25px;display:inline-block;white-space:nowrap;background:url(images/messages.png?v=72e9.1264) 0 5px no-repeat;cursor:default}#message div.warning{color:#960;background-position:0 -86px}#message div.error{color:#cf2734;background-position:0 -57px}#message div.confirmation{color:#093;background-position:0 -25px}#message div.loading{background:url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat}#message div a,#message div span{padding-right:.5em;text-decoration:none}#message div a:hover{text-decoration:underline;cursor:pointer}#message.statusbar{display:none;position:absolute;bottom:0;left:0;right:0;height:27px;padding-left:8px;border-top:1px solid #ddd;border-radius:0 0 4px 4px;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:-ms-linear-gradient(top,#eaeaea 0,#c8c8c8 100%);background:linear-gradient(to bottom,#eaeaea 0,#c8c8c8 100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#messagestack{position:absolute;bottom:20px;right:12px;z-index:50000;width:auto;height:auto;max-height:85%;overflow-y:auto;padding:2px}#messagestack div{display:block;position:relative;width:280px;height:auto;min-height:16px;margin:3px 2px 5px 2px;padding:8px 10px 7px 30px;cursor:default;font-size:12px;font-weight:bold;border-radius:4px;border:1px solid #444;color:#ebebeb;background:rgba(64,64,64,0.85);background:-moz-linear-gradient(top,rgba(64,64,64,0.85) 0,rgba(48,48,48,0.9) 100%);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)));background:-webkit-linear-gradient(top,rgba(64,64,64,0.85) 0,rgba(48,48,48,0.85) 100%);background:-ms-linear-gradient(top,rgba(64,64,64,0.85) 0,rgba(48,48,48,0.85) 100%);background:linear-gradient(to bottom,rgba(64,64,64,0.85) 0,rgba(48,48,48,0.85) 100%)}#messagestack div:after{content:"";position:absolute;display:block;top:0;left:4px;width:20px;height:24px;background:url(images/messages_dark.png?v=8e53.601) 0 7px no-repeat}#messagestack div.error{color:#ff615d}#messagestack div.error:after{background-position:0 -55px}#messagestack div.warning{color:#f4bf0e}#messagestack div.warning:after{background-position:0 -84px}#messagestack div.confirmation{color:#00e05a}#messagestack div.confirmation:after{background-position:0 -25px}#messagestack div.uploading,#messagestack div.loading{color:#ddd}#messagestack div.uploading:after,#messagestack div.loading:after{top:4px;left:6px;background:url(images/ajaxloader_dark.gif?v=cf1b.1849) 0 4px no-repeat}#messagestack div.voice{position:absolute;top:-1000px}#messagestack div a{color:#94c0da}#messagestack div a:hover{text-decoration:underline;cursor:pointer}.ui-dialog.error .ui-dialog-title,.ui-dialog.warning .ui-dialog-title,.ui-dialog.confirmation .ui-dialog-title{padding-left:25px;background:url(images/messages.png?v=72e9.1264) 0 5px no-repeat}.ui-dialog.warning .ui-dialog-title{color:#960;background-position:0 -91px}.ui-dialog.error .ui-dialog-title{color:#cf2734;background-position:0 -62px}.ui-dialog.confirmation .ui-dialog-title{color:#093;background-position:0 -32px}.ui-autocomplete{max-height:160px;overflow-x:hidden;overflow-y:auto}#header{overflow-x:hidden}#topline{height:18px;background-color:#333;border-bottom:1px solid #383838;padding:2px 0 2px 10px;color:#aaa;text-align:center}#topnav{position:relative;height:46px;margin-bottom:10px;padding:0 0 0 10px;background:#1c1c1c}#topline a,#topnav a{color:#eee;text-decoration:none}#topline a:hover{text-decoration:underline}#toplogo{padding-top:2px;cursor:pointer;border:0}.topleft{float:left}.topright{float:right}.closelink{display:inline-block;padding:2px 10px 2px 20px}#topline span.username{padding-right:1em}#topline .topleft a{display:inline-block;padding:2px .8em 0 0;color:#aaa}#topline a.button-logout{display:inline-block;padding:2px 10px 2px 20px;background:url(images/buttons.png?v=d70c.9130) -6px -193px no-repeat;color:#fff}#taskbar .button-logout{display:none}#taskbar a.button-logout span.button-inner{background-position:-2px -1791px}#taskbar a.button-logout:hover span.button-inner{background-position:-2px -1829px}.minimal #topline{position:fixed;top:-18px;background:#444;z-index:5000;width:100%;height:22px;-moz-box-sizing:border-box;box-sizing:border-box}.minimal #topline:hover{top:0;opacity:.94;-webkit-transition:top .3s ease-in-out;-moz-transition:top .3s ease-in-out;transition:top .3s ease-in-out}.extwin #topline,.extwin #topline:hover{position:static;top:0;height:18px;width:auto;-moz-box-sizing:content-box;box-sizing:content-box;opacity:.999}.minimal #topline a.button-logout{display:none}.minimal #topline span.username{display:inline-block;padding-top:2px}.minimal #topnav{position:relative;top:4px;height:42px}.minimal #taskbar a{position:relative;padding:10px 10px 0 6px;height:32px}.minimal #taskbar .button-logout{display:inline-block}.minimal #taskbar .button-inner{top:-4px;padding:0;height:24px !important;width:27px;text-indent:-5000px}#taskbar .tooltip{display:none}.minimal #taskbar .tooltip{position:absolute;top:-500px;right:2px;display:inline-block;padding:2px 8px 3px 8px;background:#444;color:#eee;font-weight:bold;white-space:nowrap;box-shadow:0 1px 4px 0 #333;z-index:200;white-space:nowrap}.minimal #taskbar .tooltip:after{content:"";position:absolute;top:-4px;right:15px;border-style:solid;border-width:0 4px 4px;border-color:#444 transparent;display:block;width:0;z-index:251}.minimal #taskbar a:hover .tooltip{display:block;top:39px}#taskbar{position:relative;padding-right:18px}#taskbar a{display:inline-block;height:34px;padding:12px 10px 0 6px}#taskbar a span.button-inner{display:inline-block;font-size:110%;font-weight:normal;padding:5px 0 0 34px;height:19px;background:url(images/buttons.png?v=d70c.9130) -1000px 0 no-repeat}#taskbar a:focus{color:#fff;background-color:rgba(73,180,210,0.7);outline:0}#taskbar a.button-selected{color:#20a6fb;background-color:#2c2c2c}#taskbar a.button-mail span.button-inner{background-position:0 2px}#taskbar a.button-mail:hover span.button-inner,#taskbar a.button-mail.button-selected span.button-inner{background-position:0 -22px}#taskbar a.button-addressbook span.button-inner{background-position:0 -48px}#taskbar a.button-addressbook:hover span.button-inner,#taskbar a.button-addressbook.button-selected span.button-inner{background-position:0 -72px}#taskbar a.button-settings span.button-inner{background-position:0 -96px}#taskbar a.button-settings:hover span.button-inner,#taskbar a.button-settings.button-selected span.button-inner{background-position:0 -120px}#taskbar a.button-calendar span.button-inner{background-position:0 -144px}#taskbar a.button-calendar:hover span.button-inner,#taskbar a.button-calendar.button-selected span.button-inner{background-position:0 -168px}#taskbar .minmodetoggle{position:absolute;top:0;right:0;display:block;width:19px;height:46px;cursor:pointer;background:url(images/buttons.png?v=d70c.9130) -35px -1778px no-repeat}.minimal #taskbar .minmodetoggle{height:42px;background-position:-35px -1820px}#mainscreen{position:absolute;top:88px;left:10px;right:10px;bottom:20px}#mainscreencontent{position:absolute;top:42px;left:0;right:0;bottom:0}#mainscreen.offset{top:132px}#mainscreen .offset{top:42px}.minimal #mainscreen{top:62px}.minimal #mainscreen.offset{top:102px}.extwin #mainscreen{top:40px}.extwin #mainscreen.offset{top:86px}.uibox{border:1px solid #b2b8bf;border-radius:4px;overflow:hidden;background:#fff}.minwidth{min-width:1024px}.scroller{overflow:auto}.watermark{background-image:url(images/ai10_favicon_180.png?v=e784.5000);background-position:center;background-repeat:no-repeat}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px){.iframebox{overflow:auto;-webkit-overflow-scrolling:touch}}.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:42px}.listbox .boxtitle+.scroller{top:34px}.boxtitle,.uibox .listing thead th,.uibox .listing thead td{font-size:12px;font-weight:bold;padding:7px 8px 6px 8px;line-height:20px;margin:0;border-bottom:1px solid #bbd3da;white-space:nowrap}.uibox .listing thead th,.uibox .listing thead td{padding-bottom:8px;height:auto}.uibox .boxtitle,.uibox .listing thead th,.uibox .listing thead td{background:#b0ccd7;color:#004458;border-radius:4px 4px 0 0}.listbox .listitem,.listbox .tablink,.listing tbody td,.listing li{display:block;border-bottom:1px solid #bbd3da;cursor:default;font-weight:normal}.listbox .listitem a,.listbox .listitem span,.listbox .tablink a,.listing tbody td,.listing li a{display:block;color:#376572;text-decoration:none;cursor:default;padding:5px 8px;line-height:17px;height:17px;white-space:nowrap}.listing tbody td{display:table-cell;min-height:14px;outline:0}.listing tbody td a{color:#376572;text-decoration:none}.webkit .listing tbody td{height:14px}.listing thead tr td:first-child,.listing tbody tr td:first-child{border-left:2px solid transparent;padding-left:6px}.listing.iconized thead tr td:first-child,.listing.iconized tbody tr td:first-child{padding-left:34px}.listing.focus tbody tr.focused>td:first-child{border-left:2px solid #739da8}.listbox .listitem.selected,.listbox .tablink.selected,.listbox .listitem.selected>a,.listbox .tablink.selected>a,.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.listing li ul{border-top:1px 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 ul{margin:0;padding:0}ul.treelist li ul li:last-child{border-bottom:0}ul.treelist li a{display:block;padding-left:20px;overflow:hidden;text-overflow:ellipsis}ul.treelist li a:focus,ul.listing .listitem a:focus,ul.listing .listitem span:focus,ul.listing.focus .listitem.focused span{color:#fff !important;background-color:rgba(73,180,210,0.6);outline:0}ul.treelist ul li a{padding-left:38px}ul.treelist ul ul li a{padding-left:54px}ul.treelist.iconized li a{padding-left:36px}ul.treelist.iconized ul li a{padding-left:62px}ul.treelist.iconized ul ul li a{padding-left:88px}ul.treelist.iconized ul ul ul li a{padding-left:114px}ul.treelist li div.treetoggle{position:absolute;top:7px;left:4px;width:13px;height:13px;background:url(images/listicons.png?v=c458.10409) -3px -144px no-repeat;cursor:pointer}ul.treelist li ul li div.treetoggle{left:22px}ul.treelist.iconized li div.treetoggle{top:13px;left:19px}ul.treelist.iconized ul li div.treetoggle{left:45px}ul.treelist.iconized ul ul li div.treetoggle{left:71px}ul.treelist li div.treetoggle.expanded{background-position:-3px -168px}ul.treelist li.selected>div.collapsed{background-position:-23px -144px}ul.treelist li.selected>div.expanded{background-position:-23px -168px}.listbox .boxfooter{position:absolute;bottom:0;left:0;width:100%;height:42px;border-top:1px solid #bbd3da;background:#d9ecf4;white-space:nowrap;overflow:hidden}.uibox .boxfooter{border-radius:0 0 4px 4px}.boxfooter .listbutton{display:inline-block;text-decoration:none;width:48px;border-right:1px solid #fff;background:#c7e3ef;padding:3px 0;margin-top:1px}.boxfooter a.listbutton:focus{color:#fff;background-color:rgba(73,180,210,0.6);outline:0}.uibox .boxfooter .listbutton:first-child{border-radius:0 0 0 4px}.boxfooter .listbutton .inner{display:inline-block;width:48px;height:35px;text-indent:-5000px;background-image:url(images/buttons.png?v=d70c.9130);background-position:-1000px 0;background-repeat:no-repeat}.boxfooter .listbutton.add .inner{background-position:10px -1301px}.boxfooter .listbutton.delete .inner{background-position:10px -1342px}.boxfooter .listbutton.groupactions .inner{background-position:5px -1382px}.boxfooter .listbutton.addto .inner{background-position:5px -1422px}.boxfooter .listbutton.addcc .inner{background-position:5px -1462px}.boxfooter .listbutton.addbcc{width:54px}.boxfooter .listbutton.addbcc .inner{width:54px;background-position:2px -1502px}.boxfooter .listbutton.removegroup .inner{background-position:5px -1540px}.boxfooter .listbutton.disabled .inner{opacity:.4}.boxfooter .countdisplay{display:inline-block;position:relative;top:10px;color:#69929e;padding:3px 6px}.boxpagenav{position:absolute;top:10px;right:6px;width:auto}.boxpagenav a.icon{display:inline-block;padding:1px 3px;height:13px;width:14px;text-indent:1000px;vertical-align:bottom;overflow:hidden;background:url(images/buttons.png?v=d70c.9130) -4px -286px no-repeat}.boxpagenav a.icon.prevpage{background-position:-4px -301px}.boxpagenav a.icon.nextpage{background-position:-28px -301px}.boxpagenav a.icon.lastpage{background-position:-28px -286px}.boxpagenav a.icon.disabled{opacity:.4}.centerbox{width:40em;margin:16px auto}.errorbox{width:40em;padding:20px}.errorbox h3{font-size:16px;margin-top:0}table.records-table{display:table;width:100%;table-layout:fixed;border-spacing:0;border:1px solid #bbd3da}.boxlistcontent .records-table{border:0}.records-table thead th,.records-table thead td{color:#69939e;font-size:11px;font-weight:bold;background:#d6eaf3;border-left:1px solid #bbd3da;padding:8px 7px;overflow:hidden;text-overflow:ellipsis;text-align:left}.records-table.sortheader thead th,.records-table.sortheader thead td{padding:0}.records-table thead th a,.records-table thead td a,.records-table thead th span,.records-table thead td span{display:block;padding:7px 7px;color:#69939e;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.records-table thead th a:focus,.records-table thead td a:focus{color:#fff;background-color:rgba(73,180,210,0.7);outline:0}.records-table tbody td{padding:2px 7px;border-bottom:1px solid #ddd;border-left:1px dotted #bbd3da;white-space:nowrap;cursor:default;overflow:hidden;text-overflow:ellipsis;background-color:#fff;outline:0}.records-table thead tr th:first-child,.records-table thead tr td:first-child,.records-table tbody tr td:first-child{border-left:2px solid transparent;padding-left:4px}.records-table.focus tbody tr.focused>td:first-child{border-left:2px solid #49b3d2}.records-table tr.selected td{color:#fff !important;background-color:#4db0d2}.records-table.focus tr.selected td{background-color:#017db6 !important}.records-table tr.selected td a,.records-table tr.selected td span{color:#fff !important}.records-table tr.deleted td,.records-table tr.deleted td a{color:#ccc !important}#aboutframe{width:97%;height:100%;border:0;padding:0}body.iframe{background:#fff;margin:38px 0 10px 0}body.iframe.error{background:#ededed}body.iframe.floatingbuttons{margin-bottom:40px}body.iframe.fullheight{margin:0}.contentbox .boxtitle,body.iframe .boxtitle{color:#777;background:#efefef;border-bottom:1px solid #d0d0d0}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:8px;padding-bottom:12px}body.iframe .footerleft.floating:before,#composeview-bottom .formbuttons.floating:before{content:" ";position:absolute;top:-6px;left:0;width:100%;height:6px;background:url(images/overflowshadow.png?v=ac21.201) top center no-repeat}.boxcontent{padding:10px}.boxcontent .boxwarning{margin:0 0 10px;display:block;color:#960;border:1px solid #ffdf0e;background:url(images/messages.png?v=72e9.1264) #fef893 5px -85px no-repeat;padding:6px 12px 6px 30px}.contentbox .scroller{position:absolute;top:34px;left:0;right:0;bottom:0;overflow:auto}.iframebox{position:absolute;top:0;left:0;right:0;bottom:0}.footerleft{padding:0 12px 4px 12px}.propform fieldset{margin-bottom:20px;border:0;padding:0}.propform fieldset legend{display:block;font-size:14px;font-weight:bold;padding-bottom:10px;margin-bottom:0}.propform fieldset fieldset legend{color:#666;font-size:12px}.propform div.prop{margin-bottom:.5em}.propform div.prop.block label{display:block;margin-bottom:.3em}.propform div.prop.block input,.propform div.prop.block textarea{width:95%}.propform a.disabled{color:#999;text-decoration:none;cursor:default}fieldset.floating{float:left;margin-right:10px;margin-bottom:10px}table.propform{width:100%;border-spacing:0;border-collapse:collapse}ul.proplist li,table.propform td{width:80%;padding:4px 10px;background:#eee;border-bottom:2px solid #fff}table.propform td.title{width:20%;color:#333;padding-right:20px;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{position:relative;width:580px;margin:20ex auto 2ex auto}#login-form .box-inner{width:430px;background:#404040;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#404040),color-stop(100%,#2e2e2e));background:-ms-linear-gradient(top,#404040 0,#2e2e2e 100%);background:linear-gradient(to bottom,#404040 0,#2e2e2e 100%);margin:0 50px;padding:10px 24px 24px 24px;border-radius:6px}#login-form .box-bottom{margin-top:-3px;padding-top:10px}#login-form .noscriptwarning{margin:0 auto;width:430px;color:#cf2734;font-size:110%;font-weight:bold}#login-form td.input{width:80%;padding:8px}#login-form input[type="text"],#login-form input[type="password"]{width:100%;border-color:#666}#login-form input.button{color:#444;border-color:#f9f9f9;background-color:#f9f9f9}#login-form input.button:active{color:#333;background-color:#dcdcdc}#login-form form table{width:98%}#login-form td.title{width:20%;white-space:nowrap;color:#cecece;text-align:right;padding-right:1em}#login-form p.formbuttons{margin-top:2em;text-align:center}#login-form #logo{margin-bottom:20px;border:0}#login-form #message{min-height:40px;padding:5px 25px;text-align:center;font-size:1.1em}#login-form #message div{display:inline-block;padding-right:0;font-size:12px}#bottomline{font-size:90%;text-align:center;margin-top:2em}.searchbox{position:relative}#quicksearchbar{position:absolute;right:2px;top:2px;width:240px}.searchbox input,#quicksearchbar input{width:176px;margin:0;padding:3px 30px 3px 34px;height:18px;background:#f1f1f1;border-color:#ababab;font-weight:bold;font-size:11px}.searchbox .searchicon,.searchbox #searchmenulink,#quicksearchbar #searchmenulink{position:absolute;top:5px;left:6px}.searchbox #searchreset,.searchbox .iconbutton.reset,#quicksearchbar #searchreset{position:absolute;top:4px;right:1px}.listsearchbox{padding:4px;background:#c7e3ef;display:none}.listsearchbox input{width:100%;height:26px;-moz-box-sizing:border-box;box-sizing:border-box}.toolbar .spacer{display:inline-block;width:24px;height:40px;padding:0}.toolbar a.button{text-align:center;font-size:10px;color:#555;min-width:50px;max-width:70px;height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:28px 2px 0 2px;background:url(images/buttons.png?v=d70c.9130) -100px 0 no-repeat transparent;border:0;border-radius:0}.dropbutton .dropbuttontip:focus,.toolbar a.button:focus{color:#fff;background-color:rgba(30,150,192,0.5);border-radius:3px}.toolbar a.button.disabled{opacity:.4}.toolbar a.button.selected{color:#1978a1}.toolbar a.button.selected:focus{color:#fff}.toolbar a.button.hidden{display:none}.dropbutton{display:inline-block;position:relative}.dropbutton .dropbuttontip{display:block;position:absolute;right:0;top:0;height:41px;width:18px;overflow:hidden;text-indent:-5000px;background:url(images/buttons.png?v=d70c.9130) 0 -1255px no-repeat;cursor:pointer;outline:0}.dropbutton .dropbuttontip:focus,.dropbutton .dropbuttontip:hover{background-position:-26px -1255px}.dropbutton a.button.disabled+.dropbuttontip{opacity:.5}.dropbutton a.button.disabled+.dropbuttontip:hover{background-position:0 -1255px}.dropbutton a.button{margin-left:0;padding-left:0;margin-right:0;padding-right:0}.toolbar a.button.back{background-position:0 -1216px}.toolbar a.button.checkmail{background-position:center -1176px}.toolbar a.button.compose{background-position:center -530px}.toolbar a.button.reply{background-position:center -570px}.toolbar a.button.reply-all{min-width:64px;background-position:0 -610px}.toolbar a.button.forward{min-width:64px;background-position:0 -650px}.toolbar a.button.delete{background-position:center -690px}.toolbar a.button.archive{background-position:center -730px}.toolbar a.button.junk{background-position:center -770px}.toolbar a.button.print{background-position:center -810px}.toolbar a.button.markmessage{background-position:center -1094px}.toolbar a.button.move{background-position:center -1971px}.toolbar a.button.more{background-position:center -850px}.toolbar a.button.attach{background-position:center -890px}.toolbar a.button.spellcheck{min-width:64px;background-position:0 -930px}.toolbar a.button.spellcheck.selected{background-position:0 -1620px;color:#1978a1}.toolbar a.button.insertsig{background-position:center -1135px}.toolbar a.button.search{background-position:center -970px}.toolbar a.button.import{background-position:center -1012px}.toolbar a.button.export{min-width:64px;background-position:0 -1054px}.toolbar a.button.send{background-position:center -1660px}.toolbar a.button.savedraft{background-position:center -1700px}.toolbar a.button.close{background-position:0 -1745px}.toolbar a.button.download{background-position:center -1892px}.toolbar a.button.responses{background-position:center -1932px}.toolbar a.button.encrypt{background-position:center -2025px}.toolbar a.button.encrypt.selected{background-position:center -2065px}a.menuselector{display:inline-block;border:1px solid #ababab;border-radius:4px;background:#f1f1f1;text-decoration:none;color:#333;cursor:pointer;white-space:nowrap}a.menuselector .handle{display:inline-block;padding:0 32px 0 6px;height:20px;line-height:19px;background:url(images/selector.png?v=0d5b.118) right center no-repeat;border-radius:4px}a.menuselector:active{background:#ddd;background:-moz-linear-gradient(top,#ddd 0,#f8f8f8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(100%,#f8f8f8));background:-ms-linear-gradient(top,#ddd 0,#f8f8f8 100%);background:linear-gradient(to bottom,#ddd 0,#f8f8f8 100%);text-decoration:none}select.decorated{position:relative;z-index:10;opacity:0;height:22px;cursor:pointer;-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:1px solid #5a5a5a;border-bottom:1px solid #333;padding:4px 6px;outline:0;cursor:default}a.menuselector:focus,a.menuselector.focus,a.iconbutton:focus,.pagenav a.button:focus{border-color:#0883d0;box-shadow:0 0 4px 2px rgba(71,135,177,0.8);outline:0}#quotadisplay{left:6px;height:18px;font-size:12px;font-weight:bold;padding-left:30px;background:url(images/quota.png?v=aaa4.1389) -100px 0 no-repeat}#quotadisplay.p90,#quotadisplay.p100{color:#e03221}table.quota-info{border-spacing:0;border-collapse:collapse;table-layout:fixed;margin:5px}table.quota-info td,table.quota-info th{color:white;border:1px solid lightgrey;padding:2px 3px;text-align:center;min-width:80px}table.quota-info td.name{text-align:left}table.quota-info td.root{font-style:italic}.popupmenu,#rcmKSearchpane{display:none;position:absolute;top:32px;left:90px;width:auto;max-height:70%;overflow:-moz-scrollbars-vertical;overflow-y:auto;background:#444;z-index:240;border-radius:4px;box-shadow:0 2px 6px 0 #333}.popupmenu.dropdown{border-radius:0 0 4px 4px;border-top:0}.popupmenu>.buttons{border-top:1px solid #5a5a5a;height:25px;padding-top:5px;text-align:center}ul.toolbarmenu,ul.toolbarmenu ul,#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:130px;margin:0;border-top:1px solid #5a5a5a}.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-decoration:none;min-height:14px;padding:6px 16px 6px 10px}.googie_list td span{padding:3px 10px}.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,ul.toolbarmenu li a.active:focus,#rcmKSearchpane ul li.selected,#pagejump-selector ul li.selected,select.decorated option:hover,select.decorated option[selected='selected']{background-color:#0883d0;outline:0}ul.toolbarmenu.iconized li a,ul.toolbarmenu.selectable li a{padding-left:30px}ul.toolbarmenu.selectable li a.selected{background:url(images/messages.png?v=72e9.1264) 4px -27px no-repeat}ul.toolbarmenu li label{display:block;color:#fff;padding:4px 8px}ul.toolbarmenu li.separator label{color:#bbb;font-style:italic;padding:0 8px;line-height:17px}ul.toolbarmenu li input{margin:0}ul.toolbarmenu li a.icon{color:#eee;padding:2px 6px}ul.toolbarmenu li span.icon,#rcmKSearchpane ul li i.icon{display:block;min-height:14px;padding:4px 4px 1px 24px;height:17px;background-image:url(images/listicons.png?v=c458.10409);background-position:-100px 0;background-repeat:no-repeat;opacity:.2}ul.toolbarmenu li a.active span.icon{opacity:.99}ul.toolbarmenu li span.read{background-position:0 -1220px}ul.toolbarmenu li span.unread{background-position:0 -1196px}ul.toolbarmenu li span.flagged{background-position:0 -1244px}ul.toolbarmenu li span.unflagged{background-position:0 -1268px}ul.toolbarmenu li span.mail{background-position:0 -1293px}ul.toolbarmenu li span.list{background-position:0 -1317px}ul.toolbarmenu li span.invert{background-position:0 -1340px}ul.toolbarmenu li span.cross{background-position:0 -1365px}ul.toolbarmenu li span.print{background-position:0 -1436px}ul.toolbarmenu li span.download{background-position:0 -1412px}ul.toolbarmenu li span.rename{background-position:0 -2295px}ul.toolbarmenu li span.edit{background-position:0 -1388px}ul.toolbarmenu li span.viewsource{background-position:0 -1460px}ul.toolbarmenu li span.extwin{background-position:0 -1484px}ul.toolbarmenu li span.conversation{background-position:0 -1532px}ul.toolbarmenu li span.move{background-position:0 -2126px}ul.toolbarmenu li span.copy{background-position:0 -2150px}#pagejump-selector{max-height:250px;overflow-x:hidden}#pagejump-selector ul li{min-width:45px;padding:4px 6px;cursor:default}#snippetslist{max-width:200px}#snippetslist li a{overflow:hidden;text-overflow:ellipsis}#rcmKSearchpane{border-radius:0 0 4px 4px;border-top:0}#rcmKSearchpane ul li{text-decoration:none;min-height:14px;padding:6px 10px 6px 28px;border:0;cursor:default;position:relative}#rcmKSearchpane ul li i.icon{opacity:.99;position:absolute;top:4px;left:5px;width:18px;height:18px;padding:0;background-position:-1px -2223px}#rcmKSearchpane ul li.group i.icon{background-position:-1px -2247px}.popupdialog{display:none;padding:10px}.popupdialog .formbuttons{margin:20px 0 4px 0}.ui-dialog .prompt input{display:block;margin:8px 0}.hint{margin:4px 0;color:#999}.splitter{user-select:none;-moz-user-select:none;-khtml-user-select:none;position:absolute;background:url(images/splitter.png?v=6d32.134) center no-repeat}.splitter-h{height:10px;width:100%;cursor:n-resize;cursor:row-resize;background-position:center 0}.splitter-v{width:10px;height:100%;cursor:e-resize;cursor:col-resize;background-position:0 center}#rcmdraglayer{min-width:260px;width:auto !important;width:260px;padding:6px 8px;background:#444;border:1px solid #555;border-radius:4px;box-shadow:0 2px 6px 0 #333;z-index:250;color:#ccc;white-space:nowrap;opacity:.92}#rcmdraglayer:after{content:"";position:absolute;top:6px;left:-6px;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #444;display:block;width:0;z-index:251}.draglayercopy:before{position:absolute;bottom:-6px;left:-6px;content:" ";width:16px;height:16px;background:url(images/buttons.png?v=d70c.9130) -7px -358px no-repeat;z-index:255}.popup label>input{margin-left:10px}#folder-selector{z-index:1000}#folder-selector li a span{background:url(images/listicons.png?v=c458.10409) 4px -2021px no-repeat;display:block;height:17px;min-height:14px;padding:4px 4px 1px 28px;overflow:hidden;max-width:120px;text-overflow:ellipsis}#folder-selector li a.virtual{opacity:.2}#folder-selector li a.inbox span{background-position:4px -2049px}#folder-selector li a.drafts span{background-position:4px -1388px}#folder-selector li a.sent span{background-position:4px -2074px}#folder-selector li a.trash span{background-position:4px -1508px}#folder-selector li a.junk span{background-position:4px -2100px}.folderlist li.mailbox a{padding-left:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-image:url(images/listicons.png?v=c458.10409);background-repeat:no-repeat;background-position:6px 3px}.folderlist li.mailbox.unread>a{padding-right:36px}.folderlist li.mailbox>a:focus,.folderlist li.mailbox.selected>a{background-position:6px -21px}.folderlist li.mailbox.inbox>a{background-position:6px -189px}.folderlist li.mailbox.inbox>a:focus,.folderlist li.mailbox.inbox.selected>a{background-position:6px -213px}.folderlist li.mailbox.drafts>a{background-position:6px -238px}.folderlist li.mailbox.drafts>a:focus,.folderlist li.mailbox.drafts.selected>a{background-position:6px -262px}.folderlist li.mailbox.sent>a{background-position:6px -286px}.folderlist li.mailbox.sent>a:focus,.folderlist li.mailbox.sent.selected>a{background-position:6px -310px}.folderlist li.mailbox.junk>a{background-position:6px -334px}.folderlist li.mailbox.junk>a:focus,.folderlist li.mailbox.junk.selected>a{background-position:6px -358px}.folderlist li.mailbox.trash>a{background-position:6px -382px}.folderlist li.mailbox.trash>a:focus,.folderlist li.mailbox.trash.selected>a{background-position:6px -406px}.folderlist li.mailbox.trash.empty>a{background-position:6px -1924px}.folderlist li.mailbox.trash.empty>a:focus,.folderlist li.mailbox.trash.empty.selected>a{background-position:6px -1948px}.folderlist li.mailbox.archive>a{background-position:6px -1699px}.folderlist li.mailbox.archive>a:focus,.folderlist li.mailbox.archive.selected>a{background-position:6px -1723px}.folderlist li.mailbox ul li.drafts>a{background-position:23px -238px}.folderlist li.mailbox ul li.drafts>a:focus,.folderlist li.mailbox ul li.drafts.selected>a{background-position:23px -262px}.folderlist li.mailbox ul li.sent>a{background-position:23px -286px}.folderlist li.mailbox ul li.sent>a:focus,.folderlist li.mailbox ul li.sent.selected>a{background-position:23px -310px}.folderlist li.mailbox ul li.junk>a{background-position:23px -334px}.folderlist li.mailbox ul li.junk>a:focus,.folderlist li.mailbox ul li.junk.selected>a{background-position:23px -358px}.folderlist li.mailbox ul li.trash>a{background-position:23px -382px}.folderlist li.mailbox ul li.trash>a:focus,.folderlist li.mailbox ul li.trash.selected>a{background-position:23px -406px}.folderlist li.mailbox ul li.trash.empty>a{background-position:23px -1924px}.folderlist li.mailbox ul li.trash.empty>a:focus,.folderlist li.mailbox ul li.trash.empty.selected>a{background-position:23px -1948px}.folderlist li.mailbox ul li.archive>a{background-position:23px -1699px}.folderlist li.mailbox ul li.archive>a:focus,.folderlist li.mailbox ul li.archive.selected>a{background-position:23px -1723px}.folderlist li.virtual>a{color:#aaa}.folderlist li.mailbox div.treetoggle{top:13px;left:19px}.folderlist li.mailbox ul li:last-child{border-bottom:0}.folderlist li.mailbox ul{list-style:none;margin:0;padding:0;border-top:1px solid #bbd3da}.folderlist li.mailbox ul li a{padding-left:52px;background-position:22px -93px}.folderlist li.mailbox ul li>a:focus,.folderlist li.mailbox ul li.selected>a{background-position:22px -117px}.folderlist li.mailbox ul li div.treetoggle{left:33px;top:14px}.folderlist li.mailbox ul ul li.mailbox a{padding-left:68px;background-position:38px -93px}.folderlist li.mailbox ul ul li>a:focus,.folderlist li.mailbox ul ul li.selected>a{background-position:38px -117px}.folderlist li.mailbox ul ul li div.treetoggle{left:48px}.folderlist li.mailbox ul ul ul li.mailbox a{padding-left:84px;background-position:54px -93px}.folderlist li.mailbox ul ul ul li>a:focus,.folderlist li.mailbox ul ul ul li.selected>a{background-position:54px -117px}.folderlist li.mailbox ul ul ul li div.treetoggle{left:64px}.folderlist li.mailbox ul ul ul ul li.mailbox a{padding-left:100px;background-position:70px -93px}.folderlist li.mailbox ul ul ul ul li>a:focus,.folderlist li.mailbox ul ul ul ul li.selected>a{background-position:70px -117px}.folderlist li.mailbox ul ul ul ul li div.treetoggle{left:80px}.folderlist li.mailbox ul ul ul ul ul li{padding-left:16px}.folderlist li.mailbox ul ul ul ul ul li div.treetoggle{left:96px}.attachmentslist{list-style:none;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis}.attachmentslist li{display:block;position:relative;background:url(images/filetypes.png?v=a0f5.4718) 0 0 no-repeat;margin-bottom:1px;line-height:24px}.attachmentslist li.txt,.attachmentslist li.text{background-position:0 -416px}.attachmentslist li.pdf{background-position:0 -26px}.attachmentslist li.doc,.attachmentslist li.docx,.attachmentslist li.msword{background-position:0 -52px}.attachmentslist li.odt{background-position:0 -78px}.attachmentslist li.xls,.attachmentslist li.xlsx,.attachmentslist li.msexcel{background-position:0 -104px}.attachmentslist li.ods{background-position:0 -130px}.attachmentslist li.zip,.attachmentslist li.gz{background-position:0 -156px}.attachmentslist li.rar{background-position:0 -182px}.attachmentslist li.image{background-position:0 -208px}.attachmentslist li.jpg,.attachmentslist li.jpeg{background-position:0 -234px}.attachmentslist li.png{background-position:0 -260px}.attachmentslist li.m4p{background-position:0 -286px}.attachmentslist li.mp3,.attachmentslist li.audio{background-position:0 -312px}.attachmentslist li.video{background-position:0 -338px}.attachmentslist li.ics,.attachmentslist li.calendar{background-position:0 -364px}.attachmentslist li.vcard{background-position:0 -390px}.attachmentslist li.sig,.attachmentslist li.pgp-signature,.attachmentslist li.pkcs7-signature{background-position:0 -442px}.attachmentslist li.html{background-position:0 -468px}.attachmentslist li.eml,.attachmentslist li.rfc822{background-position:0 -494px}.attachmentslist li.ppt,.attachmentslist li.pptx,.attachmentslist li.ppsx,.attachmentslist li.vnd.mspowerpoint{background-position:0 -520px}.attachmentslist li.odp,.attachmentslist li.otp{background-position:0 -546px}.attachmentslist li.application.asc{background-position:0 -598px}.attachmentslist li.application.pgp-keys{background-position:0 -572px}.attachmentslist li a{display:block;color:#333;font-weight:bold;padding:3px 15px 3px 30px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;outline:0}.attachmentslist li a.drop{background:url(images/buttons.png?v=d70c.9130) no-repeat scroll center -1570px;width:14px;height:20px;cursor:pointer;position:absolute;right:0;top:0;padding:0;overflow:hidden;text-indent:-5000px;outline:0}#compose-attachments .attachmentslist li a.drop{right:24px}.attachmentslist li a:focus,.attachmentslist li a.drop:focus{background-color:rgba(30,150,192,0.5);border-radius:2px}#compose-attachments ul li{padding-right:24px}.attachmentslist li a:hover{text-decoration:underline}.attachmentslist li.uploading{background:url(images/ajaxloader.gif?v=c252.1434) 4px 4px no-repeat;padding-left:30px}.attachmentslist li a.delete,.attachmentslist li a.cancelupload{position:absolute;top:4px;right:0;width:20px;height:18px;padding:0;text-decoration:none;text-indent:-5000px;background-image:url(images/buttons.png?v=d70c.9130);background-position:-6px -338px;background-repeat:no-repeat}.attachmentslist li a.cancelupload{background-position:-6px -378px}.tabbed.ui-tabs{padding:0;border:0 !important;background:0}.ui-dialog .tabbed.ui-tabs{margin:-12px -8px 0 -8px}.boxcontent.tabbed.ui-tabs{padding:10px}.ui-tabs .tabsbar.ui-tabs-nav{margin-bottom:4px}.ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav{margin-bottom:0}.tabsbar .tablink:last-child{background:0}.tabsbar .tablink:last-child a{border-right:0}.ui-tabs .ui-tabs-nav li.tablink a{background:#fff}.ui-tabs fieldset.ui-tabs-panel{border:0;padding:0;margin-left:0;background:0}.ui-dialog .propform .ui-tabs-panel{display:block;background:#efefef;padding:.5em 1em}#image-selector-form.droptarget{background:url(images/filedrop.png?v=be5d.415) center bottom no-repeat}.mce-btn-small .mce-ico{display:inline}.mce-btn-small i{line-height:16px !important;vertical-align:text-top !important}_:not(),_:-moz-handler-blocked,.mozilla .mce-btn-small i{line-height:20px !important}.mce-textbox{border-radius:0;box-shadow:none}.mce-textbox:focus{box-shadow:none;outline:0}.pgpkeyimport div.key{position:relative;margin-bottom:2px;padding:1em;background-color:#ebebeb}.pgpkeyimport div.key.revoked,.pgpkeyimport div.key.disabled{color:#a0a0a0}.pgpkeyimport div.key label{display:inline-block;margin-right:.5em}.pgpkeyimport div.key label:after{content:":"}.pgpkeyimport div.key label+a,.pgpkeyimport div.key label+span{display:inline-block;margin-right:2em;white-space:nowrap}.pgpkeyimport div.key label+a{font-weight:bold}.pgpkeyimport ul.uids{margin:1em 0 0 0;padding:0}.pgpkeyimport li.uid{border:0;padding:.3em}.pgpkeyimport div.key input.button.importkey{position:absolute;top:.8em;right:.8em;padding:4px 6px}.pgpkeyimport div.key input.button[disabled]{display:none}

/* ===== AI10 overrides (append par build-ai10-skin.sh) ===== */
/* ===========================================================================
   AI10 — deltas de marque sur base Larry (skin standalone, Roundcube 1.6.15).
   Appendé aux CSS Larry par build-ai10-skin.sh (styles.css, mail.css, .min) :
   ces règles passent APRÈS le stock → gagnent à spécificité égale.

   PRINCIPE (réintégration propre 2026-07-11, dev-outils)
   ----------------------------------------------------------------------------
   La refonte "palette complète" (agent communication) a été jugée trop lourde :
   elle assombrissait TOUT le contenu (panneaux, en-têtes de listes, arbo,
   menus, dialogues) en Graphite, via des sélecteurs largement DEVINÉS.

   Ici, l'inverse — vérifié sur la SOURCE Larry (github.com/roundcube/
   roundcubemail, tag 1.4.15 : Larry est gelé depuis 1.5, identique au skin
   copié sur le serveur 1.6.15) :
     • on ne recolore en Encre QUE ce que Larry rend DÉJÀ sombre nativement
       (barre du haut, taskbar sélectionné, menus popup, boîte de login) ;
     • tout le CONTENU reste CLAIR et aéré comme dans Larry (listes, corps de
       message, en-têtes de boîte, formulaires, arbo dossiers, recherche) ;
     • l'accent vert est posé avec parcimonie (bouton primaire, liens, ligne
       sélectionnée, non-lus, focus), jamais en aplat dominant.
   Résultat visé : premium et léger, pas monobloc. Contrastes AA (charte § 2.5).

   Valeurs Larry de référence (constatées sur la source, pour justifier chaque
   surcharge — voir la note d'intégration à côté du fichier) :
     #topline      background-color:#333333   (sombre natif)
     #topnav       background:#1c1c1c         (sombre natif)
     #taskbar a.button-selected  #20a6fb sur #2c2c2c   (sombre natif)
     button.mainaction           #ededed sur #2c2f33   (sombre natif)
     .boxtitle / .uibox thead    #004458 sur #b0ccd7    (CLAIR natif — NE PAS assombrir)
     a                           #0069a6                (lien clair)
     .listing tbody tr.selected td   #004458 sur #c7e3ef  (carnet d'adresses, réglages)
     .records-table tr.selected td   #fff !important sur #4db0d2 (liste des mails)
     .records-table.focus tr.selected td  #017db6 !important
     .messagelist tr.unread      font-weight:bold (sans couleur → accent possible)
     #login-form .box-inner      background:#404040     (sombre natif)
     .searchbox input            background:#f1f1f1     (clair natif — laissé clair)
   Charte AI10 v1.1 (accent Vert 10 v2 #0E9F52).
   =========================================================================== */

/* ===========================================================================
   0. POLICES EMBARQUÉES (auto-hébergées, RGPD-safe : aucun appel CDN Google).
      Charte § 3 : Inter (corps/UI) + IBM Plex Mono (données/chiffres/en-têtes).
      Space Grotesk N'EST PAS embarqué (webmail = outil, pas vitrine — spec
      communication § 3.1). woff2 dans skins/ai10/fonts/, chemins RELATIFS
      (le CSS est appendé aux CSS Larry qui vivent à la racine du skin → les
      chemins `fonts/…` et `images/…` résolvent bien depuis skins/ai10/).
      font-display:swap = pas de FOIT ; si le woff2 manque, fallback système.
   =========================================================================== */
@font-face {
  font-family: 'Inter';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
}

:root {
  --ai10-encre:        #101820; /* barres/bandeaux sombres, fond login */
  --ai10-blanc:        #FFFFFF;
  --ai10-vert:         #0E9F52; /* aplat de bouton (label Encre dessus) */
  --ai10-vert-texte:   #0A7A3E; /* liens/texte accent sur CLAIR — AA (5,43:1 /blanc) */
  --ai10-menthe:       #4FD08A; /* accent sur ENCRE — contraste élevé (9,14:1) */
  --ai10-voile:        #E2F5EA; /* ligne sélectionnée claire (texte reste foncé) */
  --ai10-brume:        #C9CFD6; /* filets/séparateurs neutres (charte) */
  --ai10-perle:        #EFF1F3; /* fonds clairs alternés / panneaux (charte) — remplace les bleutés Larry */
  --ai10-perle-fonce:  #E4E7EB; /* variante légèrement plus dense (en-têtes de colonnes) — dérivé neutre */
}

/* ---- Logo : borné pour garder le bandeau Larry normal (VALIDÉ, ne pas toucher) */
#toplogo {
  max-height: 40px;
  width: auto;
}

/* ---- Volet de lecture VIDE : favicon AI10 (VALIDÉ, ne pas toucher) -------- */
.watermark {
  background-image: url('images/ai10_favicon_180.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 120px 120px !important;
}

/* ===========================================================================
   1. STRUCTURE SOMBRE — uniquement les surfaces DÉJÀ sombres dans Larry.
      On remplace le gris/noir stock par l'Encre de marque. Aucun nouvel
      élément assombri.
   =========================================================================== */

/* Barre du haut (topline #333 + topnav #1c1c1c → Encre) ------------------- */
#topline {
  background-color: var(--ai10-encre) !important;
  border-bottom-color: #1f2933 !important;
}
#topnav {
  background: var(--ai10-encre) !important;
}

/* Onglet de tâche sélectionné (déjà sombre #2c2c2c ; l'accent bleu #20a6fb
   Larry → menthe de marque, AA 9,14:1 sur Encre) --------------------------- */
#taskbar a.button-selected {
  background-color: #1c2530 !important;   /* Encre légèrement relevée = relief */
  color: var(--ai10-menthe) !important;
}

/* ===========================================================================
   2. BOUTON PRIMAIRE — le mainaction Larry est déjà foncé (#2c2f33) ; on le
      passe à l'aplat Vert de marque avec LABEL ENCRE (AA 5,20:1). Jamais de
      label blanc sur vert (charte : 3,44:1 = échec).
   =========================================================================== */
button.mainaction,
input.button.mainaction {
  background: var(--ai10-vert) !important;
  border-color: var(--ai10-vert) !important;
  color: var(--ai10-encre) !important;
  text-shadow: none !important;
}
button.mainaction:hover,
input.button.mainaction:hover {
  background: var(--ai10-vert-texte) !important;
  border-color: var(--ai10-vert-texte) !important;
  color: var(--ai10-blanc) !important;
  box-shadow: 0 0 5px 2px rgba(14, 159, 82, 0.35) !important;
}

/* ===========================================================================
   3. CONTENU CLAIR — on NE touche PAS aux fonds. On pose seulement l'accent
      vert de marque là où Larry mettait du bleu, et un filet discret.
   =========================================================================== */

/* Liens sur fond clair : bleu Larry #0069a6 → Vert-texte AA ---------------- */
a,
a:visited {
  color: var(--ai10-vert-texte);
}
a:hover {
  color: var(--ai10-encre);
}

/* En-tête de boîte / de liste : RESTE CLAIR (fond #b0ccd7 laissé intact).
   On ajoute juste un filet d'accent vert en pied pour signer, sans assombrir. */
.boxtitle,
.uibox .listing thead th,
.uibox .listing thead td {
  border-bottom: 2px solid var(--ai10-vert) !important;
}

/* Ligne sélectionnée — deux familles de listes distinctes dans Larry :

   (a) Listes génériques (.listing : carnet d'adresses, réglages, dossiers) :
       Larry pose #004458 sur #c7e3ef (bleu pâle). On garde le principe CLAIR
       (texte foncé lisible) mais teinte de marque : voile vert + filet vert. */
.listing tbody tr.selected td,
.listing li.selected,
.listing li.selected > a {
  background-color: var(--ai10-voile) !important;
  color: var(--ai10-encre) !important;
}
.listing tbody tr.selected td:first-child {
  box-shadow: inset 3px 0 0 var(--ai10-vert);
}

/*   (b) Liste des MESSAGES (.records-table) : Larry pose #fff sur #4db0d2
       (bleu plein, texte blanc). On reste sur ce modèle "plein" mais en
       Vert de marque, texte Encre (AA 5,20:1) — plus lisible que blanc/vert.
       Les !important battent les !important natifs de Larry. */
.records-table tr.selected td {
  background-color: var(--ai10-voile) !important;
  color: var(--ai10-encre) !important;
}
.records-table tr.selected td:first-child {
  box-shadow: inset 3px 0 0 var(--ai10-vert);
}
.records-table.focus tr.selected td {
  background-color: #D3EFE0 !important;   /* voile vert un cran plus dense = focus */
  color: var(--ai10-encre) !important;
}

/* Messages NON LUS : Larry ne met que du gras, aucune couleur. On souligne
   le sujet non lu d'un accent Vert-texte (AA 5,43:1 sur blanc) — porte
   l'information sans dépendre de la seule graisse. */
.messagelist tr.unread td span.subject,
.messagelist tr.unread td .subject a {
  color: var(--ai10-vert-texte) !important;
}

/* ===========================================================================
   4. MENUS POPUP — déjà sombres dans Larry (#444). On aligne sur l'Encre
      de marque, l'entrée active passe de bleu #0883d0 à menthe. Fond CONTENU
      (listes/message) non concerné : ce ne sont que les menus flottants.
   =========================================================================== */
.popupmenu,
#rcmKSearchpane {
  background: var(--ai10-encre) !important;
}
ul.toolbarmenu li a.active,
.googie_list td.googie_list_onhover {
  background-color: rgba(79, 208, 138, 0.16) !important;
  color: var(--ai10-menthe) !important;
}

/* ===========================================================================
   5. FOCUS CLAVIER — accessibilité (contour accent, charte § 8). Léger,
      n'assombrit rien.
   =========================================================================== */
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
.button:focus-visible {
  outline: 2px solid var(--ai10-vert-texte);
  outline-offset: 1px;
}

/* ===========================================================================
   6. PAGE DE LOGIN — la boîte Larry est DÉJÀ sombre (#404040). On la passe
      à l'Encre de marque. NB : le <body> de login n'a AUCUNE classe dans
      Larry (vérifié sur templates/login.html) → on cible #login-form, pas un
      hypothétique body.login-page (qui était un sélecteur MORT).
   =========================================================================== */
#login-form .box-inner {
  background: var(--ai10-encre) !important;
  border: 1px solid #1f2933 !important;
}

/* ===========================================================================
   7. DÉ-BLEUISSAGE DES NEUTRES CLAIRS — Larry teinte ses fonds/filets clairs
      en BLEU-GRIS (#cad2d9, #d9ecf4, #d6eaf3, #b0ccd7, #bbd3da…). On les
      ramène aux NEUTRES AI10 (Perle #EFF1F3 pour les fonds, Brume #C9CFD6
      pour les filets). Ils RESTENT CLAIRS — on retire juste la teinte bleue.
      Chaque sélecteur + valeur Larry est vérifié sur la source 1.4.15.
   =========================================================================== */

/* Fond global de l'app : Larry `body { background:#cad2d9 }` (bleu-gris) ---- */
body {
  background: var(--ai10-perle) !important;
}

/* Fonds de "listbox" et listes simples : Larry #d9ecf4 --------------------- */
.listbox,
.listbox table.listing,
.listbox .boxfooter,
ul.listing li {
  background-color: var(--ai10-perle) !important;
}
.boxfooter .listbutton {
  background: var(--ai10-perle) !important;   /* Larry #c7e3ef */
}

/* En-tête de colonnes de la LISTE DE MESSAGES : Larry `.records-table thead
   th/td { background:#d6eaf3 }` (bleuté). → perle neutre, reste clair. ------ */
.records-table thead th,
.records-table thead td {
  background: var(--ai10-perle-fonce) !important;
  color: var(--ai10-encre) !important;
}

/* En-tête de boîte `.uibox` : Larry #b0ccd7 (bleu-gris) sur #004458. On
   dé-bleuit le fond en perle et on garde un texte Encre lisible ; le filet
   vert de la section 3 reste. -------------------------------------------- */
.uibox .boxtitle,
.uibox .listing thead th,
.uibox .listing thead td {
  background: var(--ai10-perle-fonce) !important;
  color: var(--ai10-encre) !important;
}

/* Filets/bordures bleutés Larry (#bbd3da, #b2b8bf) → Brume neutre --------- */
.boxtitle,
.uibox,
.listbox .listitem,
.listbox .tablink,
.listing tbody td,
.listing li,
table.records-table,
.records-table thead th,
.records-table thead td,
.records-table tbody td {
  border-color: var(--ai10-brume) !important;
}

/* ===========================================================================
   8. BLEUS RÉSIDUELS D'ACCENT — les derniers bleus Larry non couverts par les
      sections 1-4 passent au vert/menthe de marque selon le fond.
   =========================================================================== */

/* Colonne triée (en-tête de liste de messages) : Larry #004458 (bleu foncé)
   sur fond clair → Vert-texte AA. La flèche de tri est un sprite (voir §9). */
.messagelist thead tr th.sortedASC a,
.messagelist thead tr th.sortedDESC a {
  color: var(--ai10-vert-texte) !important;
}

/* Dossier "récent" : Larry `a { color:#017cb4 }` → Vert-texte AA ----------- */
.folderlist li.recent > a {
  color: var(--ai10-vert-texte) !important;
}

/* Bordures/halos de focus bleus Larry (#017db6, #017db4) sur clair → vert -- */
.widescreen a.listmenu:focus,
.widescreen .pagenav a.button:focus,
#compose-attachments.droptarget.hover,
#compose-attachments.droptarget.active {
  border-color: var(--ai10-vert) !important;
}
#compose-attachments.droptarget.hover {
  background-color: var(--ai10-voile) !important;  /* Larry #d9ecf4 */
}

/* Filet bleu du sélecteur de contacts (compose) : Larry #c7e3ef → vert ----- */
#compose-contacts #directorylist {
  border-bottom-color: var(--ai10-vert) !important;
}

/* ===========================================================================
   9. VRAIES ICÔNES DE MARQUE (remplacement des sprites Larry) — ÉLÉVATION.
      Larry porte ses icônes via un SPRITE PNG bleu (`images/buttons.png`) :
        - taskbar : `#taskbar a span.button-inner`
        - toolbar : `.toolbar a.button` (chaque action = un background-position)
      La passe 2 les hue-rotait (bricolage approximatif). ICI on les REMPLACE
      par de vraies icônes AI10 : des SVG monoline (style Lucide, charte § 4,
      trait 1,75 sur grille 24) teintés à la marque — Ivoire sur la barre Encre,
      Encre sur la toolbar claire.

      CHOIX D'ARCHITECTURE (le plus propre + update-safe) : un SVG autonome PAR
      icône, posé en `background-image` par sélecteur, avec `background-position:
      center` qui ÉCRASE le `background-position` du sprite Larry. Avantages :
        • vectoriel net à tout DPI (Retina), teinte EXACTE (fini le hue-rotate) ;
        • chaque icône indépendante → aucune dépendance à la grille du sprite,
          donc si Larry déplace ses coordonnées à une update, NOS icônes tiennent
          tant que les CLASSES existent (update-safe) ;
        • frugal : ~0,3 Ko par SVG, overlay par `build-ai10-skin.sh` (dossier
          `images/icons/`). Alternative écartée : re-générer un sprite PNG
          pixel-perfect = lourd et fragile (grille à reproduire, re-export à
          chaque update). Le hack `hue-rotate` est RETIRÉ.
      Fallback : si une classe d'action n'est pas mappée ci-dessous, l'icône
      Larry d'origine (sprite) reste affichée — dégradation propre, jamais de
      trou. Sélecteurs vérifiés sur source Larry 1.4.15.
   =========================================================================== */

/* ---- 9.a Barre de tâches (span.button-inner porte le sprite) -------------
   BUG CORRIGÉ (chevauchement icône/texte) : Larry réserve la zone d'icône dans
   le `padding-left:34px` du span (`#taskbar a span.button-inner { padding:5px 0
   0 34px; background:url(buttons.png) … }`) — l'icône vit dans les 34 px de
   gauche, le label commence après. La pose précédente forçait
   `background-position:center` → l'icône passait SOUS le texte (« ⊠ourriel »).
   Ici : icône calée À GAUCHE dans la gouttière de 34 px, taille 20 px, le
   `padding-left` natif est PRÉSERVÉ → icône et label ne se chevauchent plus. */
#taskbar a span.button-inner {
  background-image: url(images/icons/task-mail.svg) !important; /* défaut = mail */
  background-position: 4px center !important;   /* dans la gouttière de 34 px */
  background-size: 20px 20px !important;
}
#taskbar a.button-mail span.button-inner        { background-image: url(images/icons/task-mail.svg) !important; }
#taskbar a.button-addressbook span.button-inner { background-image: url(images/icons/task-contacts.svg) !important; }
#taskbar a.button-settings span.button-inner    { background-image: url(images/icons/task-settings.svg) !important; }
#taskbar a.button-logout span.button-inner,
#taskbar a.button-logout:hover span.button-inner { background-image: url(images/icons/task-logout.svg) !important; }

/* ---- 9.b Barre d'outils (.toolbar a.button porte le sprite) -------------- */
.toolbar a.button {
  background-image: none !important;   /* neutralise le sprite bleu Larry */
  position: relative;                  /* ancre le ::before de l'icône */
}
.toolbar a.button::before {
  content: "";
  position: absolute;
  top: 6px; left: 50%;
  width: 22px; height: 22px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
}

.toolbar a.button.checkmail::before   { background-image: url(images/icons/tb-checkmail.svg); }
.toolbar a.button.compose::before     { background-image: url(images/icons/tb-compose.svg); }
.toolbar a.button.reply::before       { background-image: url(images/icons/tb-reply.svg); }
.toolbar a.button.reply-all::before   { background-image: url(images/icons/tb-reply-all.svg); }
.toolbar a.button.forward::before     { background-image: url(images/icons/tb-forward.svg); }
.toolbar a.button.delete::before      { background-image: url(images/icons/tb-delete.svg); }
.toolbar a.button.archive::before     { background-image: url(images/icons/tb-archive.svg); }
.toolbar a.button.junk::before        { background-image: url(images/icons/tb-junk.svg); }
.toolbar a.button.print::before       { background-image: url(images/icons/tb-print.svg); }
.toolbar a.button.markmessage::before { background-image: url(images/icons/tb-markmessage.svg); }
.toolbar a.button.more::before        { background-image: url(images/icons/tb-more.svg); }
.toolbar a.button.send::before        { background-image: url(images/icons/tb-send.svg); }
.toolbar a.button.savedraft::before   { background-image: url(images/icons/tb-savedraft.svg); }

/* ---- 9.c Sections de PARAMÈTRES (Préférences) — FIX DÉDOUBLEMENT ----------
   BUG CORRIGÉ (2 icônes par ligne dans Paramètres → Préférences).
   Cause exacte (source Larry 1.4.15, settings.css) : Larry pose son sprite
   `listicons.png` sur DEUX éléments superposés d'une même ligne :
     • le `td` conteneur          → `#sections-table tbody td { background-image:
       url(images/listicons.png); background-position:-100px 0; padding-left:36px }`
     • le `span.section` enfant    → `#sections-table #rcmrow<x> .section {
       background-position:4px -NNNpx }`  (la vraie icône)
   En Larry natif, la couche du `td` (à -100px 0) tombe sur du vide → invisible.
   MAIS notre § 10 aère les lignes (`.listing tbody td { padding:8px 0 }` ; or
   `#sections-table` EST une `.listing`) : le `td` grandit, sa couche de sprite
   se DÉCALE et un fragment pâle du sprite Larry réapparaît à côté de l'icône du
   span → le « fantôme » décrit par le fondateur.
   Correctif propre = UNE seule icône par ligne :
     1) on NEUTRALISE le sprite Larry sur les DEUX éléments (`td` ET `.section`) ;
     2) on pose une vraie icône AI10 (SVG monoline, Encre) sur le `.section`,
        calée dans la gouttière (le `padding-left:36px` natif est conservé →
        aucun chevauchement avec le libellé).
   Update-safe : SVG autonomes ; si Larry renomme une section, la ligne garde le
   fallback `set-general.svg` (jamais de trou), les autres tiennent tant que les
   `#rcmrow<x>` existent. */
#sections-table tbody td,
#sections-table .listitem span,
#sections-table tbody td .section {
  background-image: none !important;   /* efface la couche sprite du td/base */
}
/* Calage COMMUN (position + taille + gouttière), à SPÉCIFICITÉ (2,2,0) via
   :is() + `.section.section`, et chargé EN DERNIER (append du build) → bat toutes
   les règles Larry, Y COMPRIS les variantes `#rcmrow<x>.selected .section` (2,2,0).
   POURQUOI c'est nécessaire : Larry pousse le sprite de CHAQUE ligne à une
   background-position PROPRE (négative = hors-cadre pour 8 lignes, +4px 2px pour
   folders). Tant qu'on ne réimpose pas la position à cette spécificité, notre SVG
   restait renvoyé hors-cadre (8 lignes invisibles) ou mal calé (folders). Ici,
   mêmes 4 propriétés pour les 9 lignes → une icône unique, calée à gauche, 20px,
   texte dégagé par padding-left. */
#sections-table :is(#rcmrowgeneral,#rcmrowmailbox,#rcmrowmailview,#rcmrowcompose,#rcmrowaddressbook,#rcmrowfolders,#rcmrowserver,#rcmrowencryption,#rcmrowsearches) .section.section {
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 20px 20px !important;
  padding-left: 42px !important;   /* icône (12→32px) + marge → libellé dégagé */
}
/* Image PAR LIGNE (2,1,0) — bat la neutralisation §début et le sprite listicons */
#sections-table #rcmrowgeneral     .section { background-image: url(images/icons/set-general.svg) !important; }
#sections-table #rcmrowmailbox     .section { background-image: url(images/icons/set-mailbox.svg) !important; }
#sections-table #rcmrowmailview    .section { background-image: url(images/icons/set-mailview.svg) !important; }
#sections-table #rcmrowcompose     .section { background-image: url(images/icons/set-compose.svg) !important; }
#sections-table #rcmrowaddressbook .section { background-image: url(images/icons/set-addressbook.svg) !important; }
#sections-table #rcmrowfolders     .section { background-image: url(images/icons/set-folders.svg) !important; }
#sections-table #rcmrowserver      .section { background-image: url(images/icons/set-server.svg) !important; }
#sections-table #rcmrowencryption  .section { background-image: url(images/icons/set-encryption.svg) !important; }
#sections-table #rcmrowsearches    .section { background-image: url(images/icons/set-searches.svg) !important; }

/* ---- 9.c-bis  « DOSSIERS SPÉCIAUX » (rcmrowfolders) — plus de règle dédiée ----
   Depuis la refonte §9.c, la ligne `folders` est traitée comme les 8 autres :
   calage commun (:is()… .section.section, 2,2,0) + image `set-folders.svg`. Le
   décalage Larry `4px 2px` propre à cette ligne est écrasé par le calage commun.
   → AUCUNE règle spécifique ici (une règle folders-seule créerait de nouveau une
   incohérence). Laisser vide volontairement. */

/* ---- 9.d Arborescence des DOSSIERS — cohérence (mêmes SVG marque) --------
   Larry pose l'icône sur UN seul élément (`.folderlist li.mailbox a`, sprite
   `listicons.png`) → pas de dédoublement natif, mais icône bleue Larry restée
   là. On la remplace par nos SVG (Encre, sidebar claire) pour la cohérence de
   famille. `background-image:none` d'abord = zéro résidu ; `padding-left:24px`
   natif Larry conservé (on ne le touche pas) → pas de chevauchement.
   Fallback : dossier sans classe spéciale = `folder-generic.svg`. */
.folderlist li.mailbox > a {
  background-image: url(images/icons/folder-generic.svg) !important;
  background-position: 6px center !important;
  background-size: 18px 18px !important;
  background-repeat: no-repeat !important;
}
.folderlist li.mailbox.inbox   > a { background-image: url(images/icons/folder-inbox.svg) !important; }
.folderlist li.mailbox.drafts  > a { background-image: url(images/icons/folder-drafts.svg) !important; }
.folderlist li.mailbox.sent    > a { background-image: url(images/icons/folder-sent.svg) !important; }
.folderlist li.mailbox.junk    > a { background-image: url(images/icons/folder-junk.svg) !important; }
.folderlist li.mailbox.trash   > a { background-image: url(images/icons/folder-trash.svg) !important; }
.folderlist li.mailbox.archive > a { background-image: url(images/icons/folder-archive.svg) !important; }

/* ===========================================================================
   10. RAFFINEMENT TYPO & ESPACEMENTS — élévation "aéré & premium", sans
       assombrir ni casser la structure Larry. Ajustements légers : familles
       de police de la charte, respiration des lignes/boutons/champs, coins
       arrondis discrets, ombres portées TRÈS légères (pas de glassmorphism).
   =========================================================================== */

/* Familles de police charte, EMBARQUÉES (§0). Inter = corps/UI. IBM Plex Mono
   = données/chiffres/en-têtes. Space Grotesk RETIRÉ (spec communication § 3.1 :
   webmail = outil, pas vitrine). Fallback système propre si le woff2 manque. */
body, td, th, div, span, p, input, select, textarea, button, .listing, .messagelist {
  font-family: 'Inter', -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* En-têtes de listes/boîtes : IBM Plex Mono, MAJUSCULES espacées = touche
   "ingénierie" éditoriale de la spec (§ 3.2). Sans forcer un gras lourd. */
.boxtitle,
.uibox .boxtitle,
.records-table thead th,
.records-table thead td,
.uibox .listing thead th,
.uibox .listing thead td {
  font-family: 'IBM Plex Mono', ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 500 !important;
  font-size: 12px !important;
}
/* Sujet en vue message : Inter 600, respiration (spec § 3.2). */
#messageheader .subject, h1, h2, h3 {
  font-family: 'Inter', "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.1px;
}
/* Métadonnées (dates, tailles, compteurs) : IBM Plex Mono + chiffres tabulaires
   (tnum) → colonnes alignées, détail "data" premium (spec § 3.2 / § 7). */
.messagelist td.date,
.messagelist td.size,
td.date, td.size,
.folderlist li.mailbox .unreadcount,
.messagecount {
  font-family: 'IBM Plex Mono', ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important;
  font-feature-settings: "tnum" 1 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Densité — respiration des lignes (spec § 4.1 : cible 32-36 px de hauteur de
   ligne). padding vertical 9 px + line-height confortable, SANS toucher aux
   largeurs/positions (règle anti-régression layout § 4). */
.messagelist tbody td,
.records-table tbody td,
.listing tbody td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  line-height: 18px !important;
}
/* Marges éditoriales horizontales dans les listes (spec § 4.1 : 12-14 px). */
.records-table tbody td,
.listing tbody td {
  padding-left: 12px !important;
}

/* Boutons : coins 6 px (spec § 4.2), padding confortable, transition légère. */
.button,
button.button,
input.button,
.toolbar a.button {
  border-radius: 6px !important;
  transition: background-color .12s ease, box-shadow .12s ease, border-color .12s ease;
}
button.mainaction,
input.button.mainaction {
  border-radius: 6px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  font-weight: 600 !important;   /* Inter 600 = SemiBold, jamais faux-gras */
}

/* Champs de saisie & recherche : coins 6 px (spec § 4.2), focus vert (§5). */
input:not(.button):not([type=checkbox]):not([type=radio]),
select,
textarea,
.searchbox input,
#quicksearchbar input {
  border-radius: 6px !important;
}

/* Cartes / boîtes : coins 8 px (spec § 4.2, un cran au-dessus des contrôles)
   + ombre TRÈS légère neutre (spec § 4.3 : pas d'ombre colorée ni de flou). */
.uibox,
.boxlistcontent,
.listbox {
  border-radius: 8px !important;
}
.uibox {
  box-shadow: 0 1px 2px rgba(16, 24, 32, 0.06) !important;
}
/* Menus/popups & dialogues : coins 6 px + ombre neutre basse pour détacher du
   fond (spec § 4.2 / § 4.3). Teinte Encre, jamais colorée. */
.popupmenu,
.googie_edit_layer,
.propform .prop,
#rcmKSearchpane {
  border-radius: 6px !important;
}
.popupmenu {
  box-shadow: 0 6px 20px rgba(16, 24, 32, 0.18) !important;
}

/* Ligne sélectionnée : texte en Inter 500 (cohérent Larry qui met déjà les
   sélections en gras) — le filet vert de gauche est posé en §3. */
.records-table tr.selected td,
.listing tbody tr.selected td {
  font-weight: 500 !important;
}

/* ===========================================================================
   11. SIGNATURE DE MARQUE — la boucle pointée AI10 est portée par l'icône
       « Courriel » de la taskbar (task-mail.svg, §9.a) : anneau Ivoire + point
       Menthe. C'est le SEUL point de signature (spec § 2.1) ; partout ailleurs,
       Lucide standard. Rien à ajouter ici : la signature vit dans l'asset SVG
       de l'onglet racine + le watermark du volet de lecture (déjà posé, §.watermark).
   =========================================================================== */