body {
color:#000;
margin:0;
padding:0;
}

body.iframe {
background-color:#fff;
/*margin:5px 5px 5px 0;*/
margin:0;
}

body,td,th,div,p,h3,select,input,textarea {
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

th {
font-weight:normal;
}

h3 {
font-size:18px;
}

a,a:active,a:visited {
outline-style:none;
outline-color:invert;
outline-width:medium;
color:#22a6fb;
}

a.button,a.button:visited,a.tab,a.tab:visited,a.axislist {
color:#000;
text-decoration:none;
}

a.tab {
text-align:center;
width:80px;
display:block;
}

hr {
background-color:#666;
height:1px;
border-style:none;
}

textarea,input[type='text'],input[type='button'],input[type='password'], select {
border:1px solid #22A6FB;
background-color:#FFF;
color:#000;
}

input,textarea {
color:black;
padding:1px 3px;
vertical-align:middle;
}

input.button {
border:1px solid #22A6FB;
padding-left:10px;
padding-right:10px;
/* background:url(images/buttons/bg.gif) #f0f0f0 repeat-x; */
height:20px;
color:#FFF;
font-size:12px;
background-color:#22A6FB;
}

input.button:hover {
background-color:#00C3F0;
cursor:pointer;
}
/*
input.mainaction {
border-bottom:#999 1px solid;
border-left:#999 1px solid;
border-top:#999 1px solid;
font-weight:bold;
border-right:#999 1px solid;
}
*/
img {
border-bottom:0;
border-left:0;
border-top:0;
border-right:0;
}

.alttext {
font-size:11px;
}

.hint {
color:#666;
font-size:11px;
}

#mainscreen {
position:absolute;
top:27px;
bottom:0;
right:5px;
left:5px;
}

#header {
z-index:100;
position:absolute;
}

#taskbar {
z-index:2;
position:absolute;
text-align:right;
width:100%;
white-space:nowrap;
height:24px;
top:0;
right:0;
padding:10px 12px 5px 0;
color:#fff;
}

#taskbar a {
font-size:14px;
text-decoration:none;
padding-top:6px;
padding-bottom:6px;
color:#fff;
}

#taskbar a:hover {
color:#ffff00;
}

#taskbar a:hover svg {
fill:#ffff00;
}

#taskbar a.button-mail {
background-position:0 0;
}

#taskbar a.button-addressbook {
background-position:0 -25px;
}

#taskbar a.button-settings {
background-position:0 -50px;
}

#taskbar a.button-logout {
background-position:0 -75px;
}

#message {
z-index:5000;
position:absolute;
display:none;
margin-left:-225px;
top:-1px;
left:50%;
opacity:0.85;
}

#message div {
min-height:22px;
width:400px;
margin:0;
padding:8px 10px 8px 46px;
}

#message div.notice, div.undo {
border-bottom:#c2d071 1px solid;
border-left:#c2d071 1px solid;
background:url(images/display/icons.gif) #f7fdcb no-repeat 6px 3px;
border-top:#c2d071 1px solid;
border-right:#c2d071 1px solid;
}

#remote-objects-message {
border-bottom:#c2d071 1px solid;
border-left:#c2d071 1px solid;
background:url(images/display/icons.gif) #f7fdcb no-repeat 6px 3px;
border-top:#c2d071 1px solid;
border-right:#c2d071 1px solid;
}

#message div.error {
border-bottom:#dc5757 1px solid;
border-left:#dc5757 1px solid;
background:url(images/display/icons.gif) #ef9398 no-repeat 6px -97px;
border-top:#dc5757 1px solid;
border-right:#dc5757 1px solid;
}

#message div.warning {
border-bottom:#dc5757 1px solid;
border-left:#dc5757 1px solid;
background:url(images/display/icons.gif) #ef9398 no-repeat 6px -97px;
border-top:#dc5757 1px solid;
border-right:#dc5757 1px solid;
}

#message div.confirmation {
border-bottom:#76c83f 1px solid;
border-left:#76c83f 1px solid;
background:url(images/display/icons.gif) #a6ef7b no-repeat 6px -47px;
border-top:#76c83f 1px solid;
border-right:#76c83f 1px solid;
}

#message div.loading {
border-bottom:#cccccc 1px solid;
border-left:#cccccc 1px solid;
background:url(images/display/loading.gif) #ebebeb no-repeat 6px 3px;
border-top:#cccccc 1px solid;
border-right:#cccccc 1px solid;
}

.boxtitle {
/*background-image:url(/XwebMail/images/x-bg.gif);*/
/*background-repeat:repeat-x;*/
/*background-position:0 -120px;*/
height:28px;
color:#333;
font-size:11px;
overflow:hidden;
padding:16px 6px;
}

div.boxtitle b.boxtitle-bg {
top:0;
position:absolute;
/*background-image:url(/XwebMail/images/z-bg.gif);*/
/*background-repeat:no-repeat;*/
width:4px;
height:30px;
}

.boxtitle b.boxtitle-bg-L {
background-position:-65px 0;
left:0;
}

.boxtitle b.boxtitle-bg-R {
background-position:-68px 0;
right:0;
}

.boxtitle .rightalign {
float:right;
}

body.iframe .boxtitle {
position:fixed;
width:100%;
top:0;
left:0;
}

.boxtitle div.toolbar-group {
border-radius:15px;
border:2px solid #22a6fb;
background-color:#fff;
width:42%;
text-align:center;
}

.boxtitle div.toolbar-group div.bt-frame {
float:unset;
display:inline-block;
}

.boxtitle div.toolbar-group a {
color:#22a6fb;
font-size:16px;
}

.boxcontent {
background-color:#FFF;
padding:15px 10px 10px 10px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
}
//?

.boxcontent table td.title {
color:#000000;
padding-right:10px;
text-align:right;
}

.boxcontent table td.content {
color:#000000;
}

#mailboxlist-container .boxlistcontent {
position:absolute;
overflow-x:hidden;
overflow-y:auto;
bottom:0;
top:60px;
right:0;
left:0;
height:expression((parseInt(this.parentNode.offsetHeight))+'px');
/*
background-image:url(/XwebMail/images/p-bg.gif);
background-repeat:repeat-y;
background-position:right top;
*/
background-color:#F2F5FA;
}


.boxsubject {
position:absolute;
height:22px;
top:0; right:0; left:0;
/*border-bottom:1px solid #999;*/
overflow:hidden;
/*background:url(images/listheader.gif) #ccc repeat-x left top;*/
}

.boxfooter {
position:absolute;
height:22px;
right:0px; bottom:0px; left:0px;
border-top:1px solid #22A6FB;
overflow:hidden;
/*background:url(images/listheader.gif) #ccc repeat-x left top;*/
/*left:.9px;*/
}

.boxfooter a.button,
.boxfooter a.buttonPas {
width:34px;
height:22px;
margin:0;
padding:0;
float:left;
display:block;
/*background:url(images/icons/groupactions.gif) no-repeat 0 0;*/
/*background:url(images/icons/groupactions.png) no-repeat 0 0 transparent;*/
overflow:hidden;
/*opacity:0.99;*/ /* this is needed to make buttons appear correctly in Chrome */
}

.boxfooter a.groupactions {
background-position:0 -26px;
}

.pagenav {
min-width:230px;
float:right;
}

.pagenav span {
white-space:nowrap;
color:#444;
font-size:11px;
text-shadow:white 1px 1px;
}

.pagenav a.button, #tbg-lastpage-1,#tbg-lastpage-2,#tbg-nextpage-1,#tbg-nextpage-2,#tbg-prevpage-1,#tbg-prevpage-2,#tbg-firstpage-1,#tbg-firstpage-2 {
display:inline;
color:#005590;
text-decoration:underline;
margin:10px 4px 0;
}

.pagenav a.buttonPas {
cursor:default;
text-decoration:none;
color:#7D7D7D!important;
margin:10px 4px 0;
}


.radio_mark {
position:absolute;
left:4px;
width:16px;
height:16px;
font-size:0;
line-height:0;
overflow:hidden;
}

b.selected {
background-image:url(/XwebMail/images/z-bg.gif);
background-repeat:no-repeat;
background-position:0 -96px;
}

.splitter {
position:absolute;
user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
/*background:url(images/dimple.gif) no-repeat center 50%;*/
}

.splitter-h {
background-position:center 2px;
cursor:n-resize;
cursor:row-resize;
}

.splitter-h span
{
  width:5%; height:1px;
  left:45%; top:45%;
  position:absolute;
  background-color:#22A6FB;
}

.splitter-v {
background-position:2px center;
cursor:e-resize;
cursor:col-resize;
height:100%;
}

.splitter-v span {
  width:1px; height:5%;
  left:45%; top:45%;
  position:absolute;
  background-color:#22A6FB;
}


.popupmenu {
z-index:240;
/*border:#9CB8CC 1px solid;*/
border:#22a6fb 1px solid;
position:absolute;
background-color:#fff;
width:auto;
display:none;
top:32px;
left:90px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
/*-moz-box-shadow:1px 1px 12px #666;*/
/*-webkit-box-shadow:#666 1px 1px 12px;*/
padding:4px;
}

.popupmenu ul {
list-style-type:none;
list-style-image:none;
margin:-4px 0;
padding:0;
}

.popupmenu ul li {
min-width:100px;
white-space:nowrap;
font-size:11px;
margin:3px -4px;
}

.popupmenu li a {
min-height:14px;
display:block;
color:#a0a0a0;
text-decoration:none;
padding:2px 10px;
}

.popupmenu li a.active,.popupmenu li a.active:active,.popupmenu li a.active:visited {
/*color:#333;*/
color:#22a6fb;
}

.popupmenu li a.active:hover {
/*background-color:#5d99ce;*/
background-color:#22a6fb;
color:#fff!important;
}

.darkbg {
background-color:#f2f2f2!important;
}

.dropbutton,.dropbutton span {
float:left;
height:24px;
}
/*
.dropbutton span {
background:url(/XwebMail/images/z-bg.gif) no-repeat -36px -29px;
width:20px;
height:24px;
position:absolute;
right:0;
top:0;
cursor:pointer;
}
*/
.dropbutton span {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #22a6fb;
  font-size: 0;
  line-height: 0;
  float: left;
  cursor:pointer;  
  position: absolute;
  top: 9px;
  right: 6px
}

table.records-table thead tr td {
border-bottom:1px solid #C5D2DA;
padding-left:4px;
height:28px;
background-color:#FFF;
color:#005590;
vertical-align:middle;
}

table.records-table tbody tr td {
padding-left:4px;
height:20px;
white-space:nowrap;
font-size:11px;
overflow:hidden;
}

table.records-table tr {
background-color:#fff;
}


table.records-table tr.focused td {
background-color:#22A6FB;
color:#FFF;
font-weight:bold;
}
/*
table.records-table tr.unfocused td {
background-color:#FFF;
color:#000;
}
*/
table.records-table tr.selected td {
background-color:#22A6FB;
color:#FFF;
font-weight:bold;
}


#quicksearchbar {
position:absolute;
min-width:200px;
max-width:230px;
width:230px;
right:15px;
top:45px;
z-index:10;
border-color:#6c92ad;
}

#qsearch-opt {
background-image:url(/XwebMail/images/z-bg.gif);
background-position:-72px -35px;
background-repeat:no-repeat;
position:relative;
right:0;
top:1px;
width:20px;
height:100%;
cursor:pointer;
float:left;
}

.qsearch-opt-inner {
width:100%;
height:20px;
line-height:20px;
}

.quicksearchcontainer {
height:23px;
position:relative;
background:white;
-webkit-transition-property:background-color,color,-webkit-box-shadow,border-color,opacity,-webkit-transform;
-webkit-transition-duration:.2s;
-moz-transition-property:background-color,color,-moz-box-shadow,border-color,opacity,-moz-transform;
-moz-transition-duration:.2s;
-o-transition-property:box-shadow,opacity;
-o-transition-duration:.2s;
/*border-color:#6c92ad;*/
border-color:#22a6fb;
border-style:solid;
border-width:1px;
}

.bt-haveFM {
padding:0 20px 0 0 !important;
}

.bt-haveFM .bt-bg-L {
left:0;
}

.bt-haveFM .bt-bg-R {
right:20px;
}

#searchreset {
position:absolute;
top:3px;
right:4px;
text-decoration:none;
}

.searchbar-group {
float:right;
display:inline;
}

.searchbar-text {
padding:0 8px;
}

.bt-searchbar {
padding:0!important;
}

#quicksearchbar img {
vertical-align:middle;
}

#quicksearchbox {
float:left;
display:inline;
/*width:134px;*/
width:174px;
height:16px;
overflow:hidden;
line-height:16px;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
font-family:arial;
color:#7d7d7d;
padding:2px;
}

.qsearch-bt {
float:left;
position:relative;
display:inline-block;
vertical-align:middle;
margin:-1px -1px -1px 0;
}

.qsearch-bt-inner {
background-image:url(/XwebMail/images/x-bg.gif);
background-repeat:repeat-x;
letter-spacing:3px;
vertical-align:top;
height:20px;
line-height:20px;
overflow:hidden;
color:black;
text-decoration:none;
background-position:0 -95px;
padding:0 7px;
}

.quicksearchbox-active {
background-color:#ffffe1!important;
}

#rcmversion {
position:absolute;
text-align:right;
bottom:10px;
white-space:nowrap;
color:#999;
font-size:8pt;
right:20px;
}

#rcmdraglayer {
min-width:300px;
width:auto!important;
white-space:nowrap;
font-size:11px;
opacity:0.82;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:1px 1px 12px #999;
-webkit-box-shadow:#999 1px 1px 12px;
padding:3px 8px;
}

div.draglayer.inactive {
border:#d2aeae 1px solid;
background-color:#ffeaea;
color:#a40000;
}

div.draglayer.active {
border:#a8bd93 1px solid;
background-color:#f1ffe3;
color:#007130;
}

.draglayercopy:before {
position:absolute;
width:14px;
bottom:-5px;
background:url(images/messageactions.gif) no-repeat -2px -128px;
height:14px;
content:" ";
left:-6px;
}

a.rcmContactAddress {
text-decoration:none;
}

a.rcmContactAddress:hover {
text-decoration:underline;
}

#rcmKSearchpane {
border-bottom:#cccccc 1px solid;
border-left:#cccccc 1px solid;
background-color:#f9f9f9;
border-top:#cccccc 1px solid;
border-right:#cccccc 1px solid;
}

#rcmKSearchpane ul {
list-style-type:none;
list-style-image:none;
margin:0;
padding:2px;
}

#rcmKSearchpane ul li {
padding-left:6px;
padding-right:6px;
display:block;
white-space:nowrap;
height:16px;
font-size:11px;
cursor:pointer;
padding-top:2px;
}

#rcmKSearchpane ul li.selected {
background-color:#ffffca;
}

#console {
opacity:0.8;
}

.disabled {
color:#999;
}

font.bold {
font-weight:bold;
}

.toolbarmenu-sp {
line-height:0;
height:0;
font-size:0;
overflow:hidden;
border-bottom-style:solid;
border-bottom-width:1px;
/*border-color:#9cbbcc;*/
border-color:#22a6fb;
margin:6px 0;
}

ul.toolbarmenu {
list-style-type:none;
list-style-image:none;
margin:-4px 0;
padding:0;
}

ul.toolbarmenu li {
min-width:100px;
white-space:nowrap;
font-size:11px;
margin:2px -4px;
}

ul.toolbarmenu li a {
min-height:14px;
display:block;
color:#a0a0a0;
text-decoration:none;
padding:1px 12px 3px 28px;
}

 ul.toolbarmenu li a.active,ul.toolbarmenu li a.active:active,ul.toolbarmenu li a.active:visited {
/*color:#333;*/
color:#22a6fb;
}

ul.toolbarmenu li input {
vertical-align:middle;
}

ul.toolbarmenu li HR {
width:130px;
height:1px;
color:#ccc;
margin:2px 1px;
}

ul.toolbarmenu li img {
float:left;
margin:0 2px;
}

div.popupmenu ul li.separator_below,ul.toolbarmenu li.separator_below {
border-bottom:#ccc 1px solid;
padding-bottom:2px;
margin-bottom:2px;
}

div.popupmenu ul li.separator_above,ul.toolbarmenu li.separator_above {
margin-top:2px;
border-top:#ccc 1px solid;
padding-top:2px;
}

/***** tabbed interface elements *****/
div.tabsbar
/*#tabsbar */
{
position:absolute;
/*top:35px;*/
top:12px; left:12px; right:12px;
height:22px;
border-bottom:1px solid #22A6FB;
white-space:nowrap;
}
/*
#tabsbar
{
top:50px; left:220px; right: 20px;
}
*/

span.tablink, span.tablink-selected {
/*background:url(images/tabs-left.gif) no-repeat left top;*/
float:left;
/*height:23px!important;*/
overflow:hidden;
position:relative;
}

span.tablink {
cursor: pointer;
top:2px;
border-top:1px solid #22A6FB;
border-right:1px solid #22A6FB;
border-left:1px solid #22A6FB;
}

span.tablink-selected {
cursor:default;
top: 0px;
/*background-position:0 -23px;*/
}

span.tablink a, span.tablink-selected a {
display:inline-block;
/*margin-left:5px;*/
padding:2px 10px 0 10px;
max-width:185px;
height:20px;
color:#555555;
overflow:hidden;
text-decoration:none;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
/*background:url(images/tabs-right.gif) no-repeat right top;*/
}

span.tablink-selected a {
/*background-position:right -23px;*/
padding-top:4px;
color:#000;
cursor:inherit;
}

fieldset {
border:1px solid #22A6FB;
margin-bottom:1em;
padding:4px 8px 9px 8px;
}

legend {
color:#22A6FB;
}

fieldset.tabbed {
margin-top:22px;
padding-top:12px;
}

.quota_text {
border-bottom:#999 1px solid;
text-align:center;
border-left:#999 1px solid;
color:#666;
font-size:10px;
border-top:#999 1px solid;
cursor:default;
border-right:#999 1px solid;
}

.quota_bg {
background-color:white;
}

.quota_high {
background-color:#f33131;
}

.quota_mid {
background-color:#f5ad3c;
}

.quota_low {
background-color:#91e164;
}

.quota_text_high {
color:white;
}

.quota_text_mid,.quota_text_low {
color:#666;
}

.mcontent {
overflow:hidden;
}

.disappear {
display:none!important;
}


#login-form {
margin-left:auto;
margin-right:auto;
width:350px;
min-height:400px;
border:none; 
text-align:center;
}

#login-form table {
margin:auto;
}

#login-form ::placeholder {
color:#51A4D9;
}
/*
#login-form .logintitle {
background-color:#B8CBEB;
font-weight:normal;
color:#006292;
text-align:center;
vertical-align:middle;
line-height:28px!important;
border-bottom:1px solid #275191;
padding:1px;
}
*/
.logincontent {
padding:15px 20px;
border-radius:10px;
border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:9px;
border:1px solid #8986f44d;
background-color:#FFF;
background:linear-gradient(to bottom, rgba(255,255,255,1) 79%,rgba(255,255,255,1) 68%,rgba(255,255,255,0.6) 100%);
min-height:200px;
}

.logincontent td {
font-size:15px;
color:#51A4D9;
vertical-align:middle;
}

.logincontent INPUT:focus-visible, .logincontent SELECT:focus-visible {
outline:none;
}

.logincontent table td.title {
text-align:left;
white-space:nowrap;
padding-bottom:10px;
/*height:28px;*/
}

#rcmloginuser, #rcmloginpwd, #rcmloginhost {
width:290px;
margin-bottom:10px;
border-radius:7px;
border-bottom-left-radius:7px;
-webkit-border-bottom-left-radius:7px;
}

#rcmcaptcha
{
width:190px;
margin-bottom:10px;
border-radius:7px;
border-bottom-left-radius:7px;
-webkit-border-bottom-left-radius:7px;
position:relative;
right:-7px;
}

#rcmlogindomain, #rcmloginver {
width:296px;
margin-bottom:10px;
border-radius:7px;
border-bottom-left-radius:7px;
-webkit-border-bottom-left-radius:7px;
}

#rcmloginuser, #rcmloginpwd, #rcmcaptcha, #rcmloginhost {
text-align:center;
font-size:20px;
height:30px;
color:#51A4D9;
background-color:#D9F0FF;
border:none;
}

#rcmlogindomain, #rcmloginver {
text-align:center;
font-size:16px;
height:26px;
color:#51A4D9;
background-color:#FFF;
border:#22A6FB 1px solid;
}

#rcmkeeplogin, #rcmpopup {
margin-left:0;
}

#rcmkeeplogin ~label, #rcmkeeplogin ~a, #rcmpopup ~label, 
#login-form table label {
vertical-align:middle;
}

#login-form .loginbutton {
background:#8587F4 repeat;
width:80px;
height:30px;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:0 8px;
border:0;
border-radius:20px;
margin:0 8px;
}

#login-form .loginbutton:hover {
background:#22A6FB repeat;
cursor:pointer;
}