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=email],input[type=password],textarea{margin:0;padding:4px;border:1px solid #b2b2b2;border-radius:4px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,button:focus,input.button:focus,textarea:focus{border-color:#4787b1;box-shadow:0 0 5px 2px rgba(71,135,177,.9);outline:0}input[type=text]:required,input[type=email]:required,input[type=password]:required{border-color:#4787b1}input.placeholder,textarea.placeholder{color:#aaa}.bold{font-weight:700}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}li>.input-group{display:inline}button,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 button,.formbuttons input.button,.oauthlogin .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 button:hover,.formbuttons button:focus,.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,.6)}.formbuttons button:active,.formbuttons input.button:active{color:#fff;background:#5f5f5f}button.mainaction,input.button.mainaction{color:#ededed;border-color:#1f262c;background:#2c2f33}button.mainaction:active,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%)}button[disabled],button[disabled]:hover,input.button[disabled],input.button[disabled]:hover,input.button.mainaction[disabled]{color:#aaa!important}button.mainaction,input.mainaction{font-weight:700!important}button:not(:disabled){cursor:pointer}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}button:focus,a.button:focus,input.button:focus{border-color:#017db6;box-shadow:0 0 2px 1px rgba(71,135,177,.6);outline:0}label.disabled,button.disabled,a.button.disabled{color:#999}a.button.disabled,input.button.disabled,input.button[disabled],button.disabled,button[disabled],button.disabled:hover,button[disabled]:hover,a.button.disabled:hover,input.button.disabled:hover,input.button[disabled]:hover{border-color:#c6c6c6}.buttongroup a.button{margin:0;border-width:0 1px 0 0;border-radius:0;background:0 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,button:active,input.button:active{background:#f7f7f7}.pagenav.dark a.button{font-weight:700;border:0;background:0 0;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=2e08.13608) -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=2e08.13608) -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=2e08.13608) -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:700;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:700;border-radius:4px;border:1px solid #444;color:#ebebeb;background:rgba(64,64,64,.85);background:-moz-linear-gradient(top,rgba(64,64,64,.85) 0,rgba(48,48,48,.9) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(64,64,64,.85)),color-stop(100%,rgba(48,48,48,.9)));background:-webkit-linear-gradient(top,rgba(64,64,64,.85) 0,rgba(48,48,48,.85) 100%);background:-ms-linear-gradient(top,rgba(64,64,64,.85) 0%,rgba(48,48,48,.85) 100%);background:linear-gradient(to bottom,rgba(64,64,64,.85) 0,rgba(48,48,48,.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=2e08.13608) -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:700;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:400;padding:5px 0 0 34px;height:19px;background:url(images/buttons.png?v=2e08.13608) -1000px 0 no-repeat}#taskbar a:focus{color:#fff;background-color:rgba(73,180,210,.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=2e08.13608) -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/watermark.jpg?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:700;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}.listbox .listitem,.listbox .tablink,.listing tbody td,.listing li{display:block;border-bottom:1px solid #bbd3da;cursor:default;font-weight:400}.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:700;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,.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=ce39.10766) -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,.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=2e08.13608);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=2e08.13608) -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:700;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,.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}.boxcontent .boxinformation{margin:0 0 10px;display:block;color:#444;border:1px solid #888;background:url(images/messages.png?v=72e9.1264) #ddd 5px 4px 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:700;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}ul.proplist{list-style:none;margin:0;padding:0}ul.proplist li{width:auto}ul.proplist.simplelist li{border:0;background:0 0}#pluginbody{position:absolute;top:0;left:0;right:0;bottom:0}.formcontent input,.formcontent textarea{width:95%}.formcontent .hint{font-style:italic;margin-bottom:1em}#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:700}#login-form td.input{width:80%;padding:8px}#login-form input[type=text],#login-form input[type=email],#login-form input[type=password]{width:100%;border-color:#666}#login-form .button{color:#444;border-color:#f9f9f9;background-color:#f9f9f9}#login-form .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 p.oauthlogin{margin-top:1.5em;padding-top:1.5em;text-align:center}#login-form p.formbuttons+p.oauthlogin{border-top:1px solid #666}#login-form p.oauthlogin .button.oauth.google,#login-form p.oauthlogin .button.oauth.outlook{line-height:1.5}#login-form p.oauthlogin .button.oauth.google:before,#login-form p.oauthlogin .button.oauth.outlook:before{content:" ";display:inline-block!important;height:1.6em;width:1.4em;margin-right:.5em!important;background-size:100% auto;vertical-align:middle}#login-form p.oauthlogin .button.oauth.google:before{background:url(./images/google-icon.svg) top left no-repeat}#login-form p.oauthlogin .button.oauth.outlook:before{background:url(./images/microsoft-icon.svg) top left no-repeat}#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:700;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=2e08.13608) -100px 0 no-repeat;border:0;border-radius:0}.dropbutton .dropbuttontip:focus,.toolbar a.button:focus{color:#fff;background-color:rgba(30,150,192,.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=2e08.13608) 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{min-width:66px;background-position:center -2025px}.toolbar a.button.encrypt.selected{background-position:center -2065px}.toolbar a.button.rotate{background-position:center -2148px}.toolbar a.button.zoomin{background-position:center -2190px}.toolbar a.button.zoomout{background-position:center -2230px}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,.8);outline:0}#quotadisplay{left:6px;height:18px;font-size:12px;font-weight:700;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:#fff;border:1px solid #d3d3d3;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=ce39.10766);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;overflow:hidden;text-overflow:ellipsis}#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}.ui-dialog iframe{width:100%;height:100%;border:0}.ui-dialog-content.iframe{padding:0!important;overflow:hidden!important}.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=2e08.13608) -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=ce39.10766) 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 span{opacity:.2}#folder-selector li.inbox span{background-position:4px -2049px}#folder-selector li.drafts span{background-position:4px -1388px}#folder-selector li.sent span{background-position:4px -2074px}#folder-selector li.trash span{background-position:4px -1508px}#folder-selector li.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=ce39.10766);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:700;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=2e08.13608) no-repeat 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,.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=2e08.13608);background-position:-6px -338px;background-repeat:no-repeat}.attachmentslist li a.cancelupload{background-position:-6px -378px}.attachmentslist li a.filename{display:flex;overflow:hidden}.attachmentslist li .attachment-name{overflow:hidden;text-overflow:ellipsis}.attachmentslist li .attachment-size{padding:0 .25em}.tabbed.ui-tabs{padding:0;border:0!important;background:0 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 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 0}.ui-dialog .propform .ui-tabs-panel{display:block;background:#efefef;padding:.5em 1em}#image-selector.droptarget{background:url(images/filedrop.png?v=be5d.415) center bottom no-repeat}div.tox .tox-toolbar,div.tox .tox-toolbar__overflow,div.tox .tox-toolbar__primary{background-color:#f0f0f0}div.tox .tox-toolbar__primary{border:0}div.tox div.tox-dialog-wrap__backdrop{background:#aaa;opacity:.3}div.tox div.tox-dialog{box-shadow:1px 1px 18px #666;border-width:0}.mce-menu{z-index:65537!important}.mce-tinymce.mce-container{box-shadow:none}.mce-toolbar.mce-container{background:#f0f0f0}.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:700}.pgpkeyimport ul.uids{margin:1em 0 0 0;padding:0}.pgpkeyimport li.uid{border:0;padding:.3em}.pgpkeyimport div.key button.importkey{position:absolute;top:.8em;right:.8em;padding:4px 6px}.pgpkeyimport div.key button[disabled]{display:none}

/* DMXTS Mail 3.2 final dark override */
:root {
  --dmx-bg: #111923;
  --dmx-panel: #172230;
  --dmx-panel-2: #1d2a3a;
  --dmx-line: #31445b;
  --dmx-text: #dcecff;
  --dmx-muted: #9fb9d4;
  --dmx-blue: #1687ff;
  --dmx-blue-bright: #45a4ff;
  --dmx-selected: #155ca8;
}

html, body {
  background: var(--dmx-bg) !important;
  color: var(--dmx-text) !important;
  font-size: 12px !important;
}

body, input, select, textarea, button, .ui-widget {
  font-size: 12px !important;
}

/* Main chrome and panes */
#topline, #topnav, #taskbar, #messagetoolbar, #messagesearchtools,
#mainscreen, #mainscreencontent, #mailview-left, #mailview-right,
#mailview-top, #mailview-bottom, #mailboxcontainer, #folderlist-content,
#folderlist-footer, #messagelistcontainer, #messagelistfooter,
#messageheader, #composeheaders, #composeoptions, #compose-contacts,
#compose-content, #composeview-left, #composeview-right, #composeview-bottom,
#composebodycontainer, #compose-attachments, #settings-right,
#settings-sections, #settings-tabs, #addressbookcontent, #contact-details,
.uibox, .listbox, .boxlistcontent, .boxcontent, .boxfooter, .scroller,
.popupmenu, .ui-dialog, .ui-dialog-content, .ui-tabs-panel, fieldset,
.propform, .formbuttons, .footerleft, .footerright {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

#topline, #topnav, #taskbar, #messagetoolbar, #messagesearchtools {
  background-color: #0d141d !important;
}

/* Folder list */
#mailboxlist li, #mailboxlist li a, #directorylist li, #directorylist li a,
.treelist li, .treelist li a, .listing li, .listing li a {
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
#mailboxlist li.selected > a, .treelist li.selected > a,
.listing li.selected > a {
  background-color: var(--dmx-selected) !important;
  color: #ffffff !important;
}

/* Message list: force readable light text */
#messagelist, #messagelist tbody, #messagelist tbody tr,
#messagelist tbody td, #messagelist tbody th,
#messagelist tbody td a, #messagelist tbody th a,
table.messagelist tbody td, table.messagelist tbody th,
table.messagelist tbody td a, table.messagelist tbody th a {
  background-color: transparent !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
#messagelist tbody tr:nth-child(even) td,
#messagelist tbody tr:nth-child(even) th {
  background-color: rgba(255,255,255,.018) !important;
}
#messagelist tbody tr:hover td, #messagelist tbody tr:hover th {
  background-color: #20354d !important;
  color: #ffffff !important;
}
#messagelist tbody tr.selected td, #messagelist tbody tr.selected th,
#messagelist tbody tr.selected td a, #messagelist tbody tr.selected th a {
  background-color: var(--dmx-selected) !important;
  color: #ffffff !important;
}
#messagelist tbody tr.unread td, #messagelist tbody tr.unread th,
#messagelist tbody tr.unread td a, #messagelist tbody tr.unread th a {
  color: var(--dmx-blue-bright) !important;
  font-weight: 700 !important;
}
#messagelist thead th, #messagelistheader,
.records-table thead th, .records-table.fixedcopy thead th {
  background-color: var(--dmx-panel-2) !important;
  color: var(--dmx-blue-bright) !important;
  border-color: var(--dmx-line) !important;
}
#messagelist thead th a, #messagelist thead th span {
  color: var(--dmx-blue-bright) !important;
}

/* Generic text */
.boxtitle, .boxheader, fieldset legend, .ui-dialog-titlebar,
#messageheader, #messageheader *, #composeheaders, #composeheaders *,
#messagelistfooter, #messagelistfooter *, .countdisplay {
  color: var(--dmx-text) !important;
}
a { color: var(--dmx-blue-bright) !important; }
a:hover { color: #91c8ff !important; }

/* Inputs and selectors */
input, textarea, select, .searchbox input, #quicksearchbar input,
.decorated, .menuselector, .menuselector select, .menuselector .handle {
  background-color: #0d1621 !important;
  color: var(--dmx-text) !important;
  border-color: #46617e !important;
  box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--dmx-blue) !important;
  box-shadow: 0 0 0 1px var(--dmx-blue) !important;
  outline: 0 !important;
}
.menuselector .handle:after { border-top-color: var(--dmx-blue) !important; }

/* Toolbar: original geometry, bright-blue icons and labels */
.toolbar a.button, .toolbar .dropbuttontip,
#taskbar .button-inner, #topline a.button-logout,
a.iconbutton, a.listbutton .inner {
  background-image: url(images/buttons.png) !important;
}
.toolbar a.button, #taskbar a, #topnav a {
  color: var(--dmx-blue-bright) !important;
  background-color: transparent !important;
}
.toolbar a.button:hover, .toolbar a.button:focus {
  background-color: rgba(22,135,255,.14) !important;
  color: #ffffff !important;
}
.toolbar a.button.disabled { opacity: .42 !important; }

/* Message header and attachment pane */
#messageheader, .moreheaderstoggle {
  background-color: var(--dmx-panel) !important;
  border-color: var(--dmx-line) !important;
}
#messagepreview .rightcol, #messagecontent .rightcol,
.rightcol, #attachment-list, ul.attachmentslist {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
ul.attachmentslist > li, ul.attachmentslist > li a,
ul.attachmentslist > li span, .attachmentslist li,
.attachmentslist li a, .attachmentslist li span {
  background-color: transparent !important;
  color: var(--dmx-text) !important;
}
/* Do not touch background-image here: Larry's filetypes.png remains intact. */

/* Empty preview and app surfaces */
#mailpreviewframe, .watermark, .watermark-logo,
#mailview-bottom:empty {
  background-color: var(--dmx-bg) !important;
}

/* Compose shell and TinyMCE chrome */
#composeheaders table, #composeheaders td, #composeoptions,
#composebodycontainer, .tox, .tox-editor-container, .tox-edit-area,
.tox-sidebar-wrap, .tox-toolbar, .tox-toolbar__primary,
.tox-toolbar__overflow {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
.tox .tox-tbtn, .tox .tox-mbtn {
  background: transparent !important;
  color: var(--dmx-text) !important;
}
.tox .tox-tbtn svg { fill: var(--dmx-text) !important; }
.tox .tox-tbtn:hover, .tox .tox-tbtn--enabled {
  background: #245a9a !important;
}

/* Settings */
.propform tr, .propform td, .propform th,
.formtable tr, .formtable td, .formtable th,
.records-table tr, .records-table td, .records-table th {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

/* Buttons */
a.button, button, input[type=button], input[type=submit] {
  background-color: #17283a !important;
  color: var(--dmx-text) !important;
  border-color: #4a6480 !important;
}
a.button:hover, button:hover, input[type=button]:hover,
input[type=submit]:hover {
  background-color: #0d66d0 !important;
  color: #ffffff !important;
}

/* Keep actual HTML email content untouched/readable. */
#messagepartframe, iframe.message-part, iframe#messagepartframe {
  background: #ffffff !important;
}

/* Login */
#login-form .box-inner {
  background: #121b27 !important;
  border: 1px solid var(--dmx-line) !important;
  box-shadow: 0 0 24px rgba(22,135,255,.18) !important;
}

:root {
  --dmx-bg: #111923;
  --dmx-panel: #172230;
  --dmx-panel-2: #1d2a3a;
  --dmx-line: #31445b;
  --dmx-text: #dcecff;
  --dmx-muted: #9fb9d4;
  --dmx-blue: #1687ff;
  --dmx-blue-bright: #45a4ff;
  --dmx-selected: #155ca8;
}

html, body {
  background: var(--dmx-bg) !important;
  color: var(--dmx-text) !important;
  font-size: 12px !important;
}

body, input, select, textarea, button, .ui-widget {
  font-size: 12px !important;
}

/* Main chrome and panes */
#topline, #topnav, #taskbar, #messagetoolbar, #messagesearchtools,
#mainscreen, #mainscreencontent, #mailview-left, #mailview-right,
#mailview-top, #mailview-bottom, #mailboxcontainer, #folderlist-content,
#folderlist-footer, #messagelistcontainer, #messagelistfooter,
#messageheader, #composeheaders, #composeoptions, #compose-contacts,
#compose-content, #composeview-left, #composeview-right, #composeview-bottom,
#composebodycontainer, #compose-attachments, #settings-right,
#settings-sections, #settings-tabs, #addressbookcontent, #contact-details,
.uibox, .listbox, .boxlistcontent, .boxcontent, .boxfooter, .scroller,
.popupmenu, .ui-dialog, .ui-dialog-content, .ui-tabs-panel, fieldset,
.propform, .formbuttons, .footerleft, .footerright {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

#topline, #topnav, #taskbar, #messagetoolbar, #messagesearchtools {
  background-color: #0d141d !important;
}

/* Folder list */
#mailboxlist li, #mailboxlist li a, #directorylist li, #directorylist li a,
.treelist li, .treelist li a, .listing li, .listing li a {
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
#mailboxlist li.selected > a, .treelist li.selected > a,
.listing li.selected > a {
  background-color: var(--dmx-selected) !important;
  color: #ffffff !important;
}

/* Message list: force readable light text */
#messagelist, #messagelist tbody, #messagelist tbody tr,
#messagelist tbody td, #messagelist tbody th,
#messagelist tbody td a, #messagelist tbody th a,
table.messagelist tbody td, table.messagelist tbody th,
table.messagelist tbody td a, table.messagelist tbody th a {
  background-color: transparent !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
#messagelist tbody tr:nth-child(even) td,
#messagelist tbody tr:nth-child(even) th {
  background-color: rgba(255,255,255,.018) !important;
}
#messagelist tbody tr:hover td, #messagelist tbody tr:hover th {
  background-color: #20354d !important;
  color: #ffffff !important;
}
#messagelist tbody tr.selected td, #messagelist tbody tr.selected th,
#messagelist tbody tr.selected td a, #messagelist tbody tr.selected th a {
  background-color: var(--dmx-selected) !important;
  color: #ffffff !important;
}
#messagelist tbody tr.unread td, #messagelist tbody tr.unread th,
#messagelist tbody tr.unread td a, #messagelist tbody tr.unread th a {
  color: var(--dmx-blue-bright) !important;
  font-weight: 700 !important;
}
#messagelist thead th, #messagelistheader,
.records-table thead th, .records-table.fixedcopy thead th {
  background-color: var(--dmx-panel-2) !important;
  color: var(--dmx-blue-bright) !important;
  border-color: var(--dmx-line) !important;
}
#messagelist thead th a, #messagelist thead th span {
  color: var(--dmx-blue-bright) !important;
}

/* Generic text */
.boxtitle, .boxheader, fieldset legend, .ui-dialog-titlebar,
#messageheader, #messageheader *, #composeheaders, #composeheaders *,
#messagelistfooter, #messagelistfooter *, .countdisplay {
  color: var(--dmx-text) !important;
}
a { color: var(--dmx-blue-bright) !important; }
a:hover { color: #91c8ff !important; }

/* Inputs and selectors */
input, textarea, select, .searchbox input, #quicksearchbar input,
.decorated, .menuselector, .menuselector select, .menuselector .handle {
  background-color: #0d1621 !important;
  color: var(--dmx-text) !important;
  border-color: #46617e !important;
  box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--dmx-blue) !important;
  box-shadow: 0 0 0 1px var(--dmx-blue) !important;
  outline: 0 !important;
}
.menuselector .handle:after { border-top-color: var(--dmx-blue) !important; }

/* Toolbar: original geometry, bright-blue icons and labels */
.toolbar a.button, .toolbar .dropbuttontip,
#taskbar .button-inner, #topline a.button-logout,
a.iconbutton, a.listbutton .inner {
  background-image: url(images/buttons.png) !important;
}
.toolbar a.button, #taskbar a, #topnav a {
  color: var(--dmx-blue-bright) !important;
  background-color: transparent !important;
}
.toolbar a.button:hover, .toolbar a.button:focus {
  background-color: rgba(22,135,255,.14) !important;
  color: #ffffff !important;
}
.toolbar a.button.disabled { opacity: .42 !important; }

/* Message header and attachment pane */
#messageheader, .moreheaderstoggle {
  background-color: var(--dmx-panel) !important;
  border-color: var(--dmx-line) !important;
}
#messagepreview .rightcol, #messagecontent .rightcol,
.rightcol, #attachment-list, ul.attachmentslist {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
ul.attachmentslist > li, ul.attachmentslist > li a,
ul.attachmentslist > li span, .attachmentslist li,
.attachmentslist li a, .attachmentslist li span {
  background-color: transparent !important;
  color: var(--dmx-text) !important;
}
/* Do not touch background-image here: Larry's filetypes.png remains intact. */

/* Empty preview and app surfaces */
#mailpreviewframe, .watermark, .watermark-logo,
#mailview-bottom:empty {
  background-color: var(--dmx-bg) !important;
}

/* Compose shell and TinyMCE chrome */
#composeheaders table, #composeheaders td, #composeoptions,
#composebodycontainer, .tox, .tox-editor-container, .tox-edit-area,
.tox-sidebar-wrap, .tox-toolbar, .tox-toolbar__primary,
.tox-toolbar__overflow {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}
.tox .tox-tbtn, .tox .tox-mbtn {
  background: transparent !important;
  color: var(--dmx-text) !important;
}
.tox .tox-tbtn svg { fill: var(--dmx-text) !important; }
.tox .tox-tbtn:hover, .tox .tox-tbtn--enabled {
  background: #245a9a !important;
}

/* Settings */
.propform tr, .propform td, .propform th,
.formtable tr, .formtable td, .formtable th,
.records-table tr, .records-table td, .records-table th {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

/* Buttons */
a.button, button, input[type=button], input[type=submit] {
  background-color: #17283a !important;
  color: var(--dmx-text) !important;
  border-color: #4a6480 !important;
}
a.button:hover, button:hover, input[type=button]:hover,
input[type=submit]:hover {
  background-color: #0d66d0 !important;
  color: #ffffff !important;
}

/* Keep actual HTML email content untouched/readable. */
#messagepartframe, iframe.message-part, iframe#messagepartframe {
  background: #ffffff !important;
}

/* Login */
#login-form .box-inner {
  background: #121b27 !important;
  border: 1px solid var(--dmx-line) !important;
  box-shadow: 0 0 24px rgba(22,135,255,.18) !important;
}

/* DMXTS Mail 3.4 — complete dark pass for remaining Larry light surfaces */

/* Settings panes, headers, list rows and tabs */
#settings-tabs,
#settings-sections,
#settings-right,
#settings-right .contentbox,
#settings-right .boxcontent,
#settings-right .boxtitle,
#settings-tabs .boxtitle,
#settings-sections .boxtitle,
#settings-tabs .scroller,
#settings-sections .scroller,
#settings-tabs ul,
#settings-sections ul,
#settings-tabs li,
#settings-sections li,
#settings-tabs li a,
#settings-sections li a,
#sections-table,
#sections-table tbody,
#sections-table tr,
#sections-table td,
#preferences-details,
#preferences-details .boxtitle,
#preferences-details .boxcontent,
.contentbox .boxtitle,
body.iframe .boxtitle {
  background: var(--dmx-panel) !important;
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

#settings-tabs li,
#settings-sections li,
#settings-tabs .listitem,
#settings-sections .listitem,
#settings-tabs .tablink,
#settings-sections .tablink {
  border-bottom: 1px solid var(--dmx-line) !important;
}

#settings-tabs li:hover,
#settings-sections li:hover,
#settings-tabs .listitem:hover,
#settings-sections .listitem:hover,
#settings-tabs .tablink:hover,
#settings-sections .tablink:hover {
  background: #20354d !important;
}

#settings-tabs li.selected,
#settings-sections li.selected,
#settings-tabs .listitem.selected,
#settings-sections .listitem.selected,
#settings-tabs .tablink.selected,
#settings-sections .tablink.selected,
#settings-tabs li.selected a,
#settings-sections li.selected a {
  background: var(--dmx-selected) !important;
  color: #fff !important;
}

/* Folder tree and footer controls */
#mailboxlist,
#mailboxlist ul,
#mailboxlist li,
#mailboxlist li a,
.folderlist,
.folderlist ul,
.folderlist li,
.folderlist li a,
#folderlist-content,
#folderlist-footer,
#folderlist-footer .boxfooter,
#folderlist-footer .listbutton,
#folderlist-footer .listbutton .inner,
#folderlist-footer .countdisplay,
#folderlist-footer .quota,
#folderlist-footer .quota .bar,
#folderlist-footer .quota .value {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

#mailboxlist li a,
.folderlist li a {
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
}

#mailboxlist li a:hover,
.folderlist li a:hover {
  background-color: #20354d !important;
  color: #fff !important;
}

#mailboxlist li.selected > a,
.folderlist li.selected > a {
  background-color: var(--dmx-selected) !important;
  color: #fff !important;
}

/* The small gear area at bottom-left must not inherit Larry's pale fill */
#folderlist-footer a,
#folderlist-footer button,
#folderlist-footer .button,
#folderlist-footer .listbutton,
#folderlist-footer .listbutton .inner {
  background-color: var(--dmx-panel-2) !important;
  color: var(--dmx-blue-bright) !important;
}

/* Skin selection cards and settings tables */
#skin-select,
#skin-select > div,
#skin-select .skinselection,
#skin-select .skinselection td,
#skin-select .skinselection tr,
#skin-select table,
#skin-select tbody,
#skin-select td,
#skin-select tr,
#preferences-details table,
#preferences-details tbody,
#preferences-details tr,
#preferences-details td,
#preferences-details th {
  background: var(--dmx-panel) !important;
  background-color: var(--dmx-panel) !important;
  color: var(--dmx-text) !important;
  border-color: var(--dmx-line) !important;
}

/* Remove any remaining pale Larry gradient/image fills while preserving icon sprites */
#settings-tabs .boxtitle,
#settings-sections .boxtitle,
#preferences-details .boxtitle,
#folderlist-footer {
  background-image: none !important;
}

/* ============================================================
   DMXTS Mail 3.5 — selector repair + Comfortaa 13 px
   ============================================================ */

/* Use Comfortaa throughout the Roundcube interface.
   The actual HTML body of received messages lives in its own iframe
   and therefore keeps the sender's typography and formatting. */
html,
body,
body *:not(.mce-content-body):not(.tox-edit-area__iframe) {
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
}

html,
body,
input,
textarea,
select,
button,
.ui-widget,
#messagelist,
#messagelist td,
#messagelist th,
#mailboxlist,
.folderlist,
#messageheader,
#messagelistfooter,
#taskbar,
.toolbar,
.popupmenu {
  font-size: 13px !important;
}

/* Search filter: Larry hides the native select and creates the visible
   a.menuselector > span.handle overlay. Style that generated overlay,
   and remove selector.png — the source of the remaining white segment. */
#searchfilter a.menuselector,
#searchfilter a.menuselector:link,
#searchfilter a.menuselector:visited,
#searchfilter a.menuselector:hover,
#searchfilter a.menuselector:active,
#searchfilter a.menuselector:focus,
#searchfilter a.menuselector.focus {
  box-sizing: border-box !important;
  background: #0d1621 !important;
  background-color: #0d1621 !important;
  background-image: none !important;
  color: #dcecff !important;
  border: 1px solid #46617e !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#searchfilter a.menuselector .handle {
  position: relative !important;
  box-sizing: border-box !important;
  display: block !important;
  background: #0d1621 !important;
  background-color: #0d1621 !important;
  background-image: none !important;
  color: #dcecff !important;
  padding-right: 31px !important;
  border: 0 !important;
  border-radius: 4px !important;
}

/* Dedicated dark arrow segment — no native pale sprite. */
#searchfilter a.menuselector .handle::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 27px !important;
  background: #142337 !important;
  border-left: 1px solid #46617e !important;
  pointer-events: none !important;
}

#searchfilter a.menuselector .handle::after {
  content: "" !important;
  position: absolute !important;
  right: 9px !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  margin-top: -2px !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid #1687ff !important;
  pointer-events: none !important;
}

#searchfilter a.menuselector:hover .handle::before,
#searchfilter a.menuselector:focus .handle::before,
#searchfilter a.menuselector.focus .handle::before {
  background: #193452 !important;
}

#searchfilter a.menuselector:focus,
#searchfilter a.menuselector.focus {
  border-color: #1687ff !important;
  box-shadow: 0 0 0 1px #1687ff !important;
}

/* Keep the invisible native select above the overlay for clicks, but
   ensure its own platform rendering never bleeds through. */
#searchfilter select.decorated,
#messagessearchfilter.decorated {
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Slightly more breathing room at 13 px without changing Larry geometry. */
#messagelist td,
#messagelist th {
  line-height: 1.35 !important;
}

/* ============================================================
   DMXTS Mail 3.6 — larger dark login + Comfortaa message text
   ============================================================ */

/* Login: dark across the entire viewport, larger and easier to read. */
html,
body {
  background: #09111c !important;
  background-color: #09111c !important;
  background-image: none !important;
}

#login-form {
  width: 720px !important;
  max-width: calc(100vw - 40px) !important;
  margin: 15vh auto 2em auto !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#login-form .box-inner {
  box-sizing: border-box !important;
  width: 620px !important;
  max-width: 100% !important;
  min-height: 300px !important;
  margin: 0 auto !important;
  padding: 28px 38px 34px !important;
  background: linear-gradient(180deg, #172230 0%, #101923 100%) !important;
  border: 1px solid #35506e !important;
  border-radius: 12px !important;
  box-shadow: 0 0 36px rgba(22, 135, 255, .24) !important;
}

#login-form #logo {
  display: block !important;
  max-width: 74px !important;
  max-height: 74px !important;
  margin: 0 0 28px 0 !important;
}

#login-form form table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
}

#login-form td.title {
  width: 28% !important;
  padding: 0 20px 0 0 !important;
  color: #dcecff !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#login-form td.input {
  width: 72% !important;
  padding: 0 !important;
}

#login-form input[type="text"],
#login-form input[type="email"],
#login-form input[type="password"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  padding: 8px 12px !important;
  background: #0b1521 !important;
  color: #eef6ff !important;
  border: 1px solid #46617e !important;
  border-radius: 7px !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#login-form input[type="text"]:focus,
#login-form input[type="email"]:focus,
#login-form input[type="password"]:focus {
  border-color: #1687ff !important;
  box-shadow: 0 0 0 2px rgba(22, 135, 255, .26) !important;
}

#login-form p.formbuttons {
  margin: 24px 0 0 !important;
}

#login-form .button,
#login-form input[type="submit"] {
  min-width: 130px !important;
  min-height: 42px !important;
  padding: 8px 24px !important;
  background: #006aff !important;
  color: #ffffff !important;
  border: 1px solid #1687ff !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(0, 106, 255, .26) !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#login-form .button:hover,
#login-form input[type="submit"]:hover {
  background: #1687ff !important;
}

#login-form .box-bottom,
#login-form #message,
#login-form #message div,
#bottomline,
#bottomline a {
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#login-form #message,
#login-form #message div {
  color: #b8cce2 !important;
}

#bottomline {
  color: #9fb9d4 !important;
  margin-top: 24px !important;
}

#bottomline a {
  color: #45a4ff !important;
}

@media (max-width: 760px) {
  #login-form {
    width: auto !important;
    margin: 8vh 18px 2em !important;
  }
  #login-form .box-inner {
    width: 100% !important;
    padding: 24px 20px 28px !important;
  }
  #login-form td.title,
  #login-form td.input {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  #login-form td.title {
    padding: 0 0 7px !important;
  }
}

/* Plain-text and simple inline message bodies rendered in the main document. */
#messagebody .message-plain,
#messagebody .message-htmlpart.dmx-safe-dark,
#messagebody pre,
#messagebody code {
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}


/* ============================================================
   DMXTS Mail 3.7 — verified login surface + message typography
   ============================================================ */

/* These rules apply when dmxts_mail is the global Roundcube skin. */
html,
html body {
  min-height: 100% !important;
  background: #07101b !important;
  background-color: #07101b !important;
  background-image: none !important;
  color: #eaf4ff !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#login-form {
  box-sizing: border-box !important;
  width: 780px !important;
  max-width: calc(100vw - 48px) !important;
  margin: 13vh auto 0 !important;
  color: #eaf4ff !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#login-form .box-inner {
  box-sizing: border-box !important;
  width: 680px !important;
  max-width: 100% !important;
  min-height: 330px !important;
  margin: 0 auto !important;
  padding: 34px 46px 38px !important;
  background: linear-gradient(180deg, #182536 0%, #0d1723 100%) !important;
  border: 1px solid #31577e !important;
  border-radius: 14px !important;
  box-shadow: 0 0 42px rgba(0, 106, 255, .28) !important;
}

#login-form #logo {
  display: block !important;
  width: auto !important;
  max-width: 82px !important;
  max-height: 82px !important;
  margin: 0 0 30px 0 !important;
}

#login-form form,
#login-form form table {
  width: 100% !important;
}

#login-form form table {
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
}

#login-form td.title {
  box-sizing: border-box !important;
  width: 29% !important;
  padding: 0 22px 0 0 !important;
  color: #dcecff !important;
  text-align: right !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#login-form td.input {
  box-sizing: border-box !important;
  width: 71% !important;
  padding: 0 !important;
}

#login-form input[type="text"],
#login-form input[type="email"],
#login-form input[type="password"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 46px !important;
  padding: 9px 13px !important;
  background: #08131f !important;
  color: #f1f7ff !important;
  border: 1px solid #42698e !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.35) !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#login-form input[type="text"]:focus,
#login-form input[type="email"]:focus,
#login-form input[type="password"]:focus {
  border-color: #1687ff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 106, 255, .24) !important;
}

#login-form p.formbuttons {
  margin: 26px 0 0 !important;
}

#login-form .button,
#login-form input[type="submit"] {
  box-sizing: border-box !important;
  min-width: 150px !important;
  min-height: 46px !important;
  padding: 9px 28px !important;
  background: #006aff !important;
  color: #fff !important;
  border: 1px solid #2691ff !important;
  border-radius: 9px !important;
  box-shadow: 0 7px 20px rgba(0,106,255,.28) !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

#login-form .button:hover,
#login-form input[type="submit"]:hover {
  background: #1687ff !important;
}

#login-form .box-bottom,
#login-form #message,
#login-form #message div,
#bottomline,
#bottomline a {
  color: #a9c3dc !important;
  background: transparent !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

#bottomline {
  margin-top: 26px !important;
}

#bottomline a {
  color: #45a4ff !important;
}

@media (max-width: 760px) {
  #login-form {
    width: auto !important;
    max-width: none !important;
    margin: 7vh 16px 0 !important;
  }
  #login-form .box-inner {
    width: 100% !important;
    min-height: 0 !important;
    padding: 26px 22px 30px !important;
  }
  #login-form td.title,
  #login-form td.input {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  #login-form td.title {
    padding: 0 0 7px !important;
  }
}

/* DMXTS Mail 4.3 - fully dark confirmation/dialog windows */
.ui-widget-overlay {
  background: rgba(3, 10, 18, .72) !important;
  opacity: 1 !important;
}

.ui-dialog,
.ui-dialog.ui-widget,
.ui-dialog.ui-widget-content,
.ui-dialog-content,
.ui-dialog .ui-dialog-content,
.ui-dialog .popup,
.ui-dialog form,
.ui-dialog fieldset,
.ui-dialog .boxcontent,
.ui-dialog .formbuttons,
.ui-dialog .buttonbar,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-dialog-buttonset {
  background-color: #101b2a !important;
  color: #e8f2ff !important;
  border-color: #2f4e6e !important;
}

.ui-dialog {
  border: 1px solid #2f5f91 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 106, 255, .16) !important;
  overflow: hidden !important;
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog-titlebar,
.ui-widget-header {
  background: #0b1624 !important;
  color: #45a4ff !important;
  border: 0 !important;
  border-bottom: 1px solid #2f4e6e !important;
  text-shadow: none !important;
}

.ui-dialog .ui-dialog-title,
.ui-dialog-title {
  color: #45a4ff !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.ui-dialog .ui-dialog-content,
.ui-dialog-content {
  padding: 18px !important;
  line-height: 1.45 !important;
}

.ui-dialog .ui-dialog-buttonpane,
.ui-dialog-buttonpane {
  margin: 0 !important;
  padding: 12px 16px 14px !important;
  border-top: 1px solid #2f4e6e !important;
}

.ui-dialog button,
.ui-dialog .button,
.ui-dialog input[type="button"],
.ui-dialog input[type="submit"] {
  background: #12243a !important;
  color: #e8f2ff !important;
  border: 1px solid #3b638a !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
}

.ui-dialog button:hover,
.ui-dialog .button:hover,
.ui-dialog input[type="button"]:hover,
.ui-dialog input[type="submit"]:hover,
.ui-dialog button:focus,
.ui-dialog .button:focus {
  background: #006aff !important;
  color: #ffffff !important;
  border-color: #1687ff !important;
}

.ui-dialog textarea,
.ui-dialog input,
.ui-dialog select {
  background: #07111d !important;
  color: #e8f2ff !important;
  border-color: #2f5f91 !important;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog-titlebar-close {
  background-color: #0b1624 !important;
  border: 1px solid #2f5f91 !important;
  border-radius: 50% !important;
}

/* DMXTS Mail 4.4 - clean dialog close button */
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog-titlebar-close {
  right: 10px !important;
  top: 10px !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #2f6fae !important;
  border-radius: 50% !important;
  background: #0b1624 !important;
  box-shadow: 0 0 0 1px rgba(0,106,255,.12) !important;
  overflow: hidden !important;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog-titlebar-close:focus {
  background: #006aff !important;
  border-color: #48a7ff !important;
  outline: none !important;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick,
.ui-dialog-titlebar-close .ui-icon,
.ui-dialog-titlebar-close .ui-icon-closethick {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background: none !important;
  text-indent: -9999px !important;
}
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar-close::after,
.ui-dialog-titlebar-close::before,
.ui-dialog-titlebar-close::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 10px !important;
  width: 12px !important;
  height: 2px !important;
  background: #eaf3ff !important;
  border-radius: 2px !important;
  transform-origin: center !important;
  pointer-events: none !important;
}
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog-titlebar-close::before { transform: rotate(45deg) !important; }
.ui-dialog .ui-dialog-titlebar-close::after,
.ui-dialog-titlebar-close::after { transform: rotate(-45deg) !important; }
.ui-dialog .ui-dialog-titlebar {
  padding-right: 48px !important;
}

/* DMXTS Mail 4.5 patch */
#messagelistfooter #listselectors .menuselector,#messagelistfooter #listselectors a.menuselector,#messagelistfooter #listselectors .menuselector .handle,#messagelistfooter #listselectors select,#messagelistfooter .menuselector,#messagelistfooter .menuselector .handle{box-sizing:border-box!important;background:#0b1624!important;background-color:#0b1624!important;background-image:none!important;color:#e8f2ff!important;border-color:#35597c!important;box-shadow:none!important}#messagelistfooter #listselectors .menuselector{border:1px solid #35597c!important;border-radius:5px!important;overflow:hidden!important}#messagelistfooter #listselectors .menuselector .handle{position:relative!important;padding-right:27px!important;border:0!important}#messagelistfooter #listselectors .menuselector .handle:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:25px!important;background:#12243a!important;border-left:1px solid #35597c!important;pointer-events:none!important}#messagelistfooter #listselectors .menuselector .handle:after{content:""!important;position:absolute!important;right:8px!important;top:50%!important;margin-top:-2px!important;width:0!important;height:0!important;border-left:5px solid transparent!important;border-right:5px solid transparent!important;border-top:6px solid #1687ff!important;pointer-events:none!important}#messageheader #contactphoto{border:1px solid #2f5f91!important;background-color:#0b1624!important;background-image:url(images/contactpic_48px.png)!important;box-shadow:inset 0 0 0 1px rgba(0,106,255,.10)!important}#messageheader #countcontrols a,#messageheader #formatcontrols a,#messageheader .button,#messageheader a.button,#messageheader .iconbutton{background-color:#0f1c2b!important;color:#1687ff!important;border:1px solid #35597c!important;border-radius:5px!important;box-shadow:none!important;outline:0!important}#messageheader #countcontrols a:hover,#messageheader #formatcontrols a:hover,#messageheader .button:hover,#messageheader a.button:hover,#messageheader .iconbutton:hover{background-color:#122d4c!important;border-color:#1687ff!important}#messageheader #countcontrols,#messageheader #formatcontrols{background:transparent!important;border:0!important;box-shadow:none!important}

/* DMXTS Mail 4.6 — final address book, format switch and search reset polish */

/* Message HTML/Text format switch: remove Larry's light sprite underlay and draw clean icons. */
#messageheader #formatcontrols .buttongroup {
  display: inline-flex !important;
  gap: 3px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#messageheader #formatcontrols a.changeformat,
#messageheader #formatcontrols a.changeformat .icon {
  background-image: none !important;
  background-color: #0f1c2b !important;
  border-color: #35597c !important;
  box-shadow: none !important;
}
#messageheader #formatcontrols a.changeformat {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 27px !important;
  padding: 0 !important;
  border: 1px solid #35597c !important;
  border-radius: 5px !important;
  overflow: hidden !important;
}
#messageheader #formatcontrols a.changeformat .icon {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
#messageheader #formatcontrols a.changeformat::after {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1687ff !important;
  font-family: Comfortaa, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
#messageheader #formatcontrols a.changeformat.html::after { content: "<>" !important; }
#messageheader #formatcontrols a.changeformat.text::after { content: "≡" !important; font-size: 19px !important; }
#messageheader #formatcontrols a.changeformat.selected,
#messageheader #formatcontrols a.changeformat.pressed,
#messageheader #formatcontrols a.changeformat:hover {
  background-color: #122d4c !important;
  border-color: #1687ff !important;
}

/* Address book: remove the remaining Larry light panels. */
#addressview-left,
#addressview-right,
#directorylistbox,
#directorylist-content,
#addresslist,
#addresslist .scroller,
#contacts-box,
#contacts-box .boxcontent,
#contacts-table,
#contacts-table tbody,
#contacts-table tr,
#contacts-table td,
#directorylist,
#directorylist ul,
#directorylist li,
#directorylist li a {
  background-color: #101b2a !important;
  color: #e8f2ff !important;
  border-color: #2f4e6e !important;
}
#directorylistbox .boxtitle,
#addresslist .boxtitle,
#directorylist-header,
#aria-label-contactslist {
  background: #12243a !important;
  color: #e8f2ff !important;
  border-color: #35597c !important;
}
#directorylist li:hover > a,
#contacts-table tr:hover td {
  background-color: #182b40 !important;
  color: #ffffff !important;
}
#directorylist li.selected > a,
#contacts-table tr.selected td,
#contacts-table tr.focused td {
  background-color: #1764b5 !important;
  color: #ffffff !important;
}
#contacts-table .contact td.name,
#contacts-table .group td.name,
#directorylist li a {
  color: #dcecff !important;
}

/* Address-book footers and icon buttons. */
#directorylist-footer,
#addresslist .boxfooter,
#addresslist-footer,
#directorylistbox .boxfooter,
#addressview-left .boxfooter,
#addressview-right .boxfooter {
  background: #0b1624 !important;
  border-color: #35597c !important;
  box-shadow: none !important;
}
#directorylist-footer a,
#addresslist .boxfooter a,
#addresslist-footer a,
#directorylistbox .boxfooter a {
  background-color: #12243a !important;
  color: #1687ff !important;
  border-color: #35597c !important;
  box-shadow: none !important;
}
#directorylist-footer a:hover,
#addresslist .boxfooter a:hover,
#addresslist-footer a:hover,
#directorylistbox .boxfooter a:hover {
  background-color: #1764b5 !important;
  color: #ffffff !important;
  border-color: #1687ff !important;
}

/* Search clear button: a visible royal-blue X, independent of Larry's tiny sprite. */
.searchbox #searchreset,
.searchbox .iconbutton.reset,
#quicksearchbar #searchreset {
  width: 25px !important;
  height: 25px !important;
  top: 2px !important;
  right: 2px !important;
  background: #12243a !important;
  border: 1px solid #35597c !important;
  border-radius: 50% !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  opacity: 1 !important;
}
.searchbox #searchreset::before,
.searchbox #searchreset::after,
.searchbox .iconbutton.reset::before,
.searchbox .iconbutton.reset::after,
#quicksearchbar #searchreset::before,
#quicksearchbar #searchreset::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 5px !important;
  width: 13px !important;
  height: 2px !important;
  background: #1687ff !important;
  border-radius: 2px !important;
}
.searchbox #searchreset::before,
.searchbox .iconbutton.reset::before,
#quicksearchbar #searchreset::before { transform: rotate(45deg) !important; }
.searchbox #searchreset::after,
.searchbox .iconbutton.reset::after,
#quicksearchbar #searchreset::after { transform: rotate(-45deg) !important; }
.searchbox #searchreset:hover,
.searchbox .iconbutton.reset:hover,
#quicksearchbar #searchreset:hover {
  background: #1764b5 !important;
  border-color: #1687ff !important;
}
.searchbox #searchreset:hover::before,
.searchbox #searchreset:hover::after,
.searchbox .iconbutton.reset:hover::before,
.searchbox .iconbutton.reset:hover::after,
#quicksearchbar #searchreset:hover::before,
#quicksearchbar #searchreset:hover::after { background: #ffffff !important; }

/* DMXTS Mail 4.7 — exact HTML/Text format toggle fix */
span.buttongroup > a.button.changeformat,
a.button.changeformat,
a[id^="rcmbtnfrm"].button.changeformat,
a[id^="rcmbtnfrm"].changeformat {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 34px !important;
  height: 27px !important;
  min-width: 34px !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0f1c2b !important;
  background-color: #0f1c2b !important;
  background-image: none !important;
  border: 1px solid #35597c !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: transparent !important;
  text-shadow: none !important;
}
span.buttongroup > a.button.changeformat.selected,
span.buttongroup > a.button.changeformat:hover,
a.button.changeformat.selected,
a.button.changeformat:hover,
a[id^="rcmbtnfrm"].button.changeformat.selected,
a[id^="rcmbtnfrm"].button.changeformat:hover {
  background: #122d4c !important;
  background-color: #122d4c !important;
  background-image: none !important;
  border-color: #1687ff !important;
}
a.button.changeformat span.icon,
a.button.changeformat span.inner,
a[id^="rcmbtnfrm"].changeformat span.icon,
a[id^="rcmbtnfrm"].changeformat span.inner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}
a.button.changeformat::before,
a[id^="rcmbtnfrm"].changeformat::before {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1687ff !important;
  font-family: Comfortaa, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
a.button.changeformat.html::before,
a[id^="rcmbtnfrm"].changeformat.html::before { content: "<>" !important; }
a.button.changeformat.text::before,
a[id^="rcmbtnfrm"].changeformat.text::before { content: "≡" !important; font-size: 19px !important; }
a.button.changeformat::after,
a[id^="rcmbtnfrm"].changeformat::after { content: none !important; display: none !important; }

/* DMXTS Mail 4.8 — final HTML/Text toggle rebuild, same footprint as adjacent buttons */
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat,
#messageheader span.buttongroup > a.button.changeformat,
span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat,
span.buttongroup > a.button.changeformat {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 34px !important;
  height: 27px !important;
  min-width: 34px !important;
  min-height: 27px !important;
  max-width: 34px !important;
  max-height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0f1c2b !important;
  background-color: #0f1c2b !important;
  background-image: none !important;
  border: 1px solid #35597c !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  color: transparent !important;
  text-indent: 0 !important;
  vertical-align: middle !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.selected,
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat:hover,
span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.selected,
span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat:hover {
  background: #122d4c !important;
  background-color: #122d4c !important;
  background-image: none !important;
  border-color: #1687ff !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat::before,
#messageheader a[id^="rcmbtnfrm"].changeformat::after,
a[id^="rcmbtnfrm"].changeformat::before,
a[id^="rcmbtnfrm"].changeformat::after {
  content: none !important;
  display: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat > span.icon,
#messageheader a[id^="rcmbtnfrm"].changeformat > span.inner,
a[id^="rcmbtnfrm"].changeformat > span.icon,
a[id^="rcmbtnfrm"].changeformat > span.inner {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat > span.icon::before,
a[id^="rcmbtnfrm"].changeformat > span.icon::before {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1687ff !important;
  font-family: Comfortaa, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
}
a[id^="rcmbtnfrm"].changeformat.html > span.icon::before { content: "<>" !important; }
a[id^="rcmbtnfrm"].changeformat.text > span.icon::before { content: "≡" !important; font-size: 18px !important; }
#messageheader a[id^="rcmbtnfrm"].changeformat > span.icon::after,
a[id^="rcmbtnfrm"].changeformat > span.icon::after {
  content: none !important;
  display: none !important;
}


/* DMXTS Mail 5.1 — hard reset HTML/Text toggle layers */
#messageheader span.buttongroup,
#messageheader .buttongroup {
  display: inline-flex !important;
  align-items: center !important;
  height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat,
#messageheader span.buttongroup > a.button.changeformat {
  position: relative !important;
  flex: 0 0 34px !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 34px !important;
  height: 27px !important;
  min-width: 34px !important;
  min-height: 27px !important;
  max-width: 34px !important;
  max-height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0f1c2b !important;
  background-image: none !important;
  border: 1px solid #35597c !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 27px !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat:hover,
#messageheader a[id^="rcmbtnfrm"].changeformat:focus,
#messageheader a[id^="rcmbtnfrm"].changeformat:focus-visible,
#messageheader a[id^="rcmbtnfrm"].changeformat.selected,
#messageheader a[id^="rcmbtnfrm"].changeformat.pressed {
  background: #122d4c !important;
  background-image: none !important;
  border-color: #1687ff !important;
  box-shadow: none !important;
  outline: 0 !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat > span.icon,
#messageheader a[id^="rcmbtnfrm"].changeformat > span.inner {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat::after {
  content: none !important;
  display: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1687ff !important;
  font-family: Comfortaa, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  pointer-events: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat.html::before { content: "<>" !important; }
#messageheader a[id^="rcmbtnfrm"].changeformat.text::before { content: "≡" !important; font-size: 18px !important; }

/* DMXTS Mail 5.1 — compact aligned HTML/Text toggles */
#messageheader #formatcontrols {
  display: flex !important;
  align-items: center !important;
}
#messageheader #formatcontrols span.buttongroup,
#messageheader span.buttongroup:has(> a.changeformat) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 25px !important;
  line-height: 25px !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  gap: 3px !important;
  vertical-align: middle !important;
  transform: none !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat,
#messageheader span.buttongroup > a.button.changeformat {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  line-height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  border-radius: 5px !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat::before {
  width: 30px !important;
  height: 25px !important;
  line-height: 25px !important;
  font-size: 12px !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat.text::before {
  font-size: 16px !important;
}

/* DMXTS Mail 5.1 — match format buttons to adjacent message action buttons */
#messageheader #formatcontrols,
#messageheader #formatcontrols span.buttongroup,
#messageheader span.buttongroup:has(> a.changeformat) {
  display: inline-flex !important;
  align-items: center !important;
  height: 25px !important;
  line-height: 25px !important;
  margin: 0 7px 0 0 !important;
  padding: 0 !important;
  gap: 4px !important;
  vertical-align: top !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat,
#messageheader span.buttongroup > a.button.changeformat {
  box-sizing: border-box !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  line-height: 23px !important;
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  vertical-align: top !important;
  border-radius: 5px !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat::before {
  box-sizing: border-box !important;
  width: 24px !important;
  height: 23px !important;
  line-height: 23px !important;
  font-size: 11px !important;
}
#messageheader a[id^="rcmbtnfrm"].changeformat.text::before {
  font-size: 14px !important;
}


/* DMXTS Mail 5.2 — format toggles: exact neighbour footprint and centred glyphs */
#messageheader span.buttongroup:has(> a.changeformat) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  height: 27px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #35597c !important;
  border-radius: 5px !important;
  background: #0f1c2b !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  transform: none !important;
  text-indent: 0 !important;
  color: transparent !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat > span.icon {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 25px !important;
  text-indent: 0 !important;
  color: transparent !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat::before,
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat::after {
  content: none !important;
  display: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat > span.icon::before {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1687ff !important;
  font-family: Comfortaa, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-align: center !important;
  transform: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.html > span.icon::before { content: "<>" !important; }
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.text > span.icon::before { content: "≡" !important; font-size: 14px !important; }
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat:hover,
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.selected {
  background: #122d4c !important;
  border-color: #1687ff !important;
}


/* DMXTS Mail 5.3 — final HTML/Text toggle sizing and centring */
#messageheader span.buttongroup:has(> a[id^="rcmbtnfrm"].changeformat) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    height: 22px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    background: #0f1c2b !important;
    background-image: none !important;
    border: 1px solid #35597c !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat > span,
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat > span::before,
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat > span::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat::after {
    content: none !important;
    display: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat::before {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1687ff !important;
    background: transparent !important;
    border: 0 !important;
    text-indent: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: none !important;
}
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.html::before { content: "<>" !important; }
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.text::before { content: "≡" !important; font-size: 15px !important; }
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat:hover,
#messageheader span.buttongroup > a[id^="rcmbtnfrm"].button.changeformat.selected {
    background: #122d4c !important;
    border-color: #1687ff !important;
}
html,body,body *,.boxlistcontent,.boxcontent,.scroller,.listing,#messagelistcontainer,#messagecontent,#messagepreview,#mailboxcontainer,#mailview-right,#mailview-bottom{scrollbar-color:#087fff #07111d!important;scrollbar-width:auto;color-scheme:dark}html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{width:11px!important;height:11px!important;background:#07111d!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,body *::-webkit-scrollbar-track{background:#07111d!important;border:0!important}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,body *::-webkit-scrollbar-thumb{background:#087fff!important;border:2px solid #07111d!important;border-radius:9px!important;min-height:30px!important}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,body *::-webkit-scrollbar-thumb:hover{background:#2b9cff!important}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,body *::-webkit-scrollbar-corner{background:#07111d!important}
/* DMXTS Mail 5.5 — compact search clear button */
.searchbox #searchreset,
.searchbox .iconbutton.reset,
#quicksearchbar #searchreset {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  top: 4px !important;
  right: 4px !important;
  border-radius: 50% !important;
}
.searchbox #searchreset::before,
.searchbox #searchreset::after,
.searchbox .iconbutton.reset::before,
.searchbox .iconbutton.reset::after,
#quicksearchbar #searchreset::before,
#quicksearchbar #searchreset::after {
  top: 8px !important;
  left: 4px !important;
  width: 9px !important;
  height: 2px !important;
}


/* DMXTS Mail 5.6 — mathematically centred CSS X controls */
.searchbox #searchreset,
.searchbox .iconbutton.reset,
#quicksearchbar #searchreset {
  position: absolute !important;
  box-sizing: border-box !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  padding: 0 !important;
  top: 4px !important;
  right: 4px !important;
  background: #12243a !important;
  background-image: none !important;
  border: 1px solid #35597c !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}
.searchbox #searchreset::before,
.searchbox #searchreset::after,
.searchbox .iconbutton.reset::before,
.searchbox .iconbutton.reset::after,
#quicksearchbar #searchreset::before,
#quicksearchbar #searchreset::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 9px !important;
  height: 2px !important;
  margin: 0 !important;
  background: #1687ff !important;
  border: 0 !important;
  border-radius: 2px !important;
  transform-origin: 50% 50% !important;
}
.searchbox #searchreset::before,
.searchbox .iconbutton.reset::before,
#quicksearchbar #searchreset::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
.searchbox #searchreset::after,
.searchbox .iconbutton.reset::after,
#quicksearchbar #searchreset::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog-titlebar-close {
  position: absolute !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #0b1624 !important;
  background-image: none !important;
  border: 1px solid #4b7198 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog-titlebar-close span {
  display: none !important;
  background: none !important;
}
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar-close::after,
.ui-dialog-titlebar-close::before,
.ui-dialog-titlebar-close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 2px !important;
  margin: 0 !important;
  background: #f4f8ff !important;
  border: 0 !important;
  border-radius: 2px !important;
  transform-origin: 50% 50% !important;
}
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog-titlebar-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
.ui-dialog .ui-dialog-titlebar-close::after,
.ui-dialog-titlebar-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:hover {
  background: #1764b5 !important;
  border-color: #1687ff !important;
}

/* DMXTS Mail 5.9 — stronger optical correction for dialog close X */
.ui-dialog .ui-dialog-titlebar-close::before,
.ui-dialog .ui-dialog-titlebar-close::after,
.ui-dialog-titlebar-close::before,
.ui-dialog-titlebar-close::after {
  top: calc(50% - 4px) !important;
}


/* DMXTS Mail 6.2 - compact plain-text message spacing */
#messagebody .message-plain,
#messagebody .message-plain pre,
#messagebody > pre,
#messagebody pre.message-plain,
.message-part .message-plain,
.message-part pre {
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
  white-space: pre-wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

#messagebody .message-plain p,
#messagebody .message-plain div,
.message-part .message-plain p,
.message-part .message-plain div {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  line-height: 1.32 !important;
}

#messagebody .message-plain br + br,
.message-part .message-plain br + br {
  display: none !important;
}


/* DMXTS Mail 6.4 — direct plain-text spacing */
#messagebody.dmxts-plain-root-v64,
#messagebody .dmxts-plain-root-v64,
.message-part.dmxts-plain-root-v64 {
  font-family: Comfortaa, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
}

#messagebody .dmxts-empty-block-v64,
.message-part .dmxts-empty-block-v64,
.dmxts-plain-root-v64 > .dmxts-empty-block-v64 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#messagebody br.dmxts-extra-break-v64,
.message-part br.dmxts-extra-break-v64 {
  display: none !important;
}

#messagebody.dmxts-plain-root-v64 p,
#messagebody.dmxts-plain-root-v64 div,
.message-part.dmxts-plain-root-v64 p,
.message-part.dmxts-plain-root-v64 div {
  margin-top: 0 !important;
  margin-bottom: 3px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.32 !important;
}


/* DMXTS Mail 6.5 — dark contact-properties cleanup */
body.iframe,
#contact-details,
#contacttabs,
#contacttabs .ui-tabs-panel,
#contacttabs .tabbed,
#contacttabs .tabbed > div {
  background: #0b1624 !important;
  color: #e8f2ff !important;
  border-color: #35597c !important;
}

#contactphoto,
#contactpic,
#contact-details #contactphoto,
#contact-details #contactpic {
  background: #0b1624 !important;
  background-color: #0b1624 !important;
  border: 1px solid #35597c !important;
  box-shadow: inset 0 0 0 1px rgba(22,135,255,.12) !important;
}

#contactpic img,
#contact-details #contactpic img {
  background: transparent !important;
}

.contactfieldgroup,
#contacttabs .contactfieldgroup {
  background: #101b2a !important;
  color: #e8f2ff !important;
  border: 1px solid #2f4e6e !important;
  box-shadow: none !important;
}

.contactfieldgroup legend,
#contacttabs .contactfieldgroup legend {
  background: #12243a !important;
  color: #5ab0ff !important;
  border-bottom: 1px solid #35597c !important;
}

.contactfieldgroup .row,
.contactfieldgroup .contactfieldlabel,
.contactfieldgroup .contactfieldcontent,
.contactfieldgroup .contactfield,
#contacttabs .row,
#contacttabs .contactfieldlabel,
#contacttabs .contactfieldcontent {
  background: transparent !important;
  color: #dcecff !important;
  border-color: #35597c !important;
}

#contacttabs .ui-tabs-nav,
#contacttabs .ui-tabs-nav li,
#contacttabs .ui-tabs-nav li a {
  background: #12243a !important;
  color: #9dceff !important;
  border-color: #35597c !important;
}

#contacttabs .ui-tabs-nav li.ui-tabs-active,
#contacttabs .ui-tabs-nav li.ui-state-active,
#contacttabs .ui-tabs-nav li.ui-tabs-active a,
#contacttabs .ui-tabs-nav li.ui-state-active a {
  background: #1764b5 !important;
  color: #ffffff !important;
}