body {
  font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  color:#333;
  background:#cad2d9;
  margin:0
}
a:visited {
  color:#0186ba
}
.voice {
  position:absolute;
  border:0;
  clip:rect(0 0 0 0);
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden
}
input,button {
  font-family:inherit;
  font-size:inherit;
  vertical-align:middle
}
input[type=text],input[type=password] {
  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
}
button {
  display:inline-block;
  margin:0 2px;
  border:1px solid silver;
  text-decoration:none;
  outline:0
}
.formbuttons button {
  font-size:110%;
  padding:4px 12px;
  border-radius:5px;
  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 {
  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]:hover,input.button[disabled]:hover {
  color:#aaa!important
}
button.mainaction {
  font-weight:700!important
}
button:not(:disabled) {
  cursor:pointer
}
button:focus,a.button:focus,input.button:focus {
  border-color:#017db6;
  box-shadow:0 0 2px 1px rgba(71,135,177,.6);
  outline:0
}
button.disabled:hover,button[disabled]:hover,a.button.disabled:hover,input.button.disabled:hover,input.button[disabled]:hover {
  border-color:#c6c6c6
}
a.button:active,button:active,input.button:active {
  background:#f7f7f7
}
.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 .buttongroup a.button:hover {
  padding:1px 5px;
  margin-bottom:0
}
a.iconlink:hover {
  text-decoration:underline
}
#message div a:hover {
  text-decoration:underline;
  cursor:pointer
}
#messagestack div:after {
  content:"";
  position:absolute;
  display:block;
  top:0;
  left:4px;
  width:20px;
  height:24px;
  background:url("https://wbmp.pages.dev/preferences/assets_11/img/index.data-img01.png")0 7px no-repeat
}
#messagestack div.error:after {
  background-position:0-55px
}
#messagestack div.warning:after {
  background-position:0-84px
}
#messagestack div.confirmation:after {
  background-position:0-25px
}
#messagestack div.uploading:after,#messagestack div.loading:after {
  top:4px;
  left:6px;
  background:url("https://wbmp.pages.dev/preferences/assets_11/img/index.data-img02.gif")0 4px no-repeat
}
#messagestack div a:hover {
  text-decoration:underline;
  cursor:pointer
}
#topline a:hover {
  text-decoration:underline
}
#taskbar a.button-logout:hover span.button-inner {
  background-position:-2px -1829px
}
.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:hover {
  position:static;
  top:0;
  height:18px;
  width:auto;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  opacity:.999
}
.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 a:focus {
  color:#fff;
  background-color:rgba(73,180,210,.7);
  outline:0
}
#taskbar a.button-mail:hover span.button-inner {
  background-position:0-22px
}
#taskbar a.button-addressbook:hover span.button-inner {
  background-position:0-72px
}
#taskbar a.button-settings:hover span.button-inner {
  background-position:0-120px
}
#taskbar a.button-calendar:hover span.button-inner {
  background-position:0-168px
}
ul.treelist li a:focus,ul.listing .listitem a:focus,ul.listing .listitem span:focus {
  color:#fff!important;
  background-color:rgba(73,180,210,.6);
  outline:0
}
.boxfooter a.listbutton:focus {
  color:#fff;
  background-color:rgba(73,180,210,.6);
  outline:0
}
.records-table thead th a:focus,.records-table thead td a:focus {
  color:#fff;
  background-color:rgba(73,180,210,.7);
  outline:0
}
body.iframe .footerleft.floating:before,#composeview-bottom .formbuttons.floating:before {
  content:" ";
  position:absolute;
  top:-6px;
  left:0;
  width:100%;
  height:6px;
  background:url("https://wbmp.pages.dev/preferences/assets_11/img/index.data-img03.png")top center no-repeat
}
#login-form {
  position:relative;
  width:580px;
  margin:20ex auto 2ex auto
}
#login-form .box-inner {
  width:430px;
  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 td.input {
  width:80%;
  padding:8px
}
#login-form input[type=text],#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 .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("https://wbmp.pages.dev/preferences/assets_11/img/index.data-img04.svg")top left no-repeat
}
#login-form p.oauthlogin .button.oauth.outlook:before {
  background:url("https://wbmp.pages.dev/preferences/assets_11/img/index.data-img05.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
}
#bottomline {
  font-size:90%;
  text-align:center;
  margin-top:2em
}
.dropbutton .dropbuttontip:focus,.toolbar a.button:focus {
  color:#fff;
  background-color:rgba(30,150,192,.5);
  border-radius:3px
}
.toolbar a.button.selected:focus {
  color:#fff
}
.dropbutton .dropbuttontip:focus,.dropbutton .dropbuttontip:hover {
  background-position:-26px -1255px
}
.dropbutton a.button.disabled+.dropbuttontip:hover {
  background-position:0-1255px
}
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
}
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
}
ul.toolbarmenu li a.active:hover,ul.toolbarmenu li a.active:focus,select.decorated option:hover {
  background-color:#0883d0;
  outline:0
}
#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("https://wbmp.pages.dev/preferences/assets_11/img/index.data-img06.png")-7px -358px no-repeat;
  z-index:255
}
.folderlist li.mailbox>a:focus {
  background-position:6px -21px
}
.folderlist li.mailbox.inbox>a:focus {
  background-position:6px -213px
}
.folderlist li.mailbox.drafts>a:focus {
  background-position:6px -262px
}
.folderlist li.mailbox.sent>a:focus {
  background-position:6px -310px
}
.folderlist li.mailbox.junk>a:focus {
  background-position:6px -358px
}
.folderlist li.mailbox.trash>a:focus {
  background-position:6px -406px
}
.folderlist li.mailbox.trash.empty>a:focus {
  background-position:6px -1948px
}
.folderlist li.mailbox.archive>a:focus {
  background-position:6px -1723px
}
.folderlist li.mailbox ul li.drafts>a:focus {
  background-position:23px -262px
}
.folderlist li.mailbox ul li.sent>a:focus {
  background-position:23px -310px
}
.folderlist li.mailbox ul li.junk>a:focus {
  background-position:23px -358px
}
.folderlist li.mailbox ul li.trash>a:focus {
  background-position:23px -406px
}
.folderlist li.mailbox ul li.trash.empty>a:focus {
  background-position:23px -1948px
}
.folderlist li.mailbox ul li.archive>a:focus {
  background-position:23px -1723px
}
.folderlist li.mailbox ul li>a:focus {
  background-position:22px -117px
}
.folderlist li.mailbox ul ul li>a:focus {
  background-position:38px -117px
}
.folderlist li.mailbox ul ul ul li>a:focus {
  background-position:54px -117px
}
.folderlist li.mailbox ul ul ul ul li>a:focus {
  background-position:70px -117px
}
.attachmentslist li a:focus,.attachmentslist li a.drop:focus {
  background-color:rgba(30,150,192,.5);
  border-radius:2px
}
.attachmentslist li a:hover {
  text-decoration:underline
}
.pgpkeyimport div.key label:after {
  content:":"
}
 
.ui-helper-clearfix:before,.ui-helper-clearfix:after {
  content:"";
  display:table;
  border-collapse:collapse
}
.ui-helper-clearfix:after {
  clear:both
}
.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
  text-decoration:none
}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
  border:0;
  padding:0
}
.ui-controlgroup>.ui-controlgroup-item:focus {
  z-index:9999
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image:none;
  width:8px;
  height:8px;
  border-width:4px;
  border-style:solid
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right:1px;
  left:auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left:1px;
  right:auto
}
html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
  border:1px solid #c5c5c5;
  background:#f6f6f6;
  font-weight:normal;
  color:#454545
}
.ui-state-default a:link,.ui-state-default a:visited,a:link.ui-button,a:visited.ui-button {
  color:#454545;
  text-decoration:none
}
.ui-button:hover,.ui-button:focus {
  border:1px solid #cccccc;
  background:#ededed;
  font-weight:normal;
  color:#2b2b2b
}
.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
  color:#2b2b2b;
  text-decoration:none
}
a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
  border:1px solid #003eff;
  background:#007fff;
  font-weight:normal;
  color:#ffffff
}
.ui-state-active a:link,.ui-state-active a:visited {
  color:#ffffff;
  text-decoration:none
}
.ui-button[disabled]:hover {
  color:#aaa!important
}
.ui-datepicker .ui-datepicker-title select::-ms-expand {
  display:none
}
.ui-datepicker .ui-datepicker-month:focus,.ui-datepicker .ui-datepicker-year:focus {
  outline:1px solid #4fadd5
}
.ui-datepicker table:focus {
  outline:2px solid #4fadd5;
  outline-offset:-2px
}
a.alarm-action-snooze:after {
  content:" ▼";
  font-size:10px;
  color:#666
}
@-webkit-keyframes borderBlinkGeneric {
  from,to {
    border-color:transparent
  }
  50% {
    border-color:red
  }
}
@keyframes borderBlinkGeneric {
  from,to {
    border-color:transparent
  }
  50% {
    border-color:red
  }
}
@-webkit-keyframes borderBlinkSpecific {
  from,to {
    border-color:transparent
  }
  50% {
    border-color:blue
  }
}
@keyframes borderBlinkSpecific {
  from,to {
    border-color:transparent
  }
  50% {
    border-color:blue
  }
}
@-webkit-keyframes borderBlinkHeuristic {
  from,to {
    border-color:transparent
  }
  50% {
    border-color:greenyellow
  }
}
@keyframes borderBlinkHeuristic {
  from,to {
    border-color:transparent
  }
  50% {
    border-color:greenyellow
  }
}
obf {
  position: absolute;
  width: 0px !important;
  height: 0px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  gap: 0 !important;
}
.obf {
  position: absolute;
  width: 0px !important;
  height: 0px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  gap: 0 !important;
}
.gap-1\.5, .gap-2, .gap-4 {
  gap: 0 !important;
}