/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body{ min-width: 262px; background: #fafafa; color: #58595b; font: 14px/17px 'Titillium Web', sans-serif; letter-spacing: .06em; }
p{ margin: 0 0 24px; }
h1, h2, h3, h4{ margin: 0; }
a{ color: #939598; text-decoration: none; }
a:hover{ color: #33ADDB; }
button{ padding: 0; outline: none; }
::-moz-selection { background: #0671b8; color: #fff; } ::selection { background: #0671b8; color: #fff; }
ul{ margin: 0; padding: 0; list-style-type: none; }

.absolute-center{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }

/* Header */
.mail{ position: relative; }
header.inbox{ position: relative; min-width: 262px; height: 43px; z-index: 2; }
header.inbox > div{ position: absolute; top: 0; left: 0; width: 100%; min-width: 262px; z-index: 2; }
header.inbox.affix > div{ position: fixed; top: 0; }
header.inbox .primary{ position: relative; height: 23px; padding: 10px 0; background: #fff; z-index: 1; overflow: hidden; }
header.inbox.shadow .primary{ -moz-box-shadow: 0 0 9px rgba(181,183,185,.35); -webkit-box-shadow: 0 0 9px rgba(181,183,185,.35); box-shadow: 0 0 9px rgba(181,183,185,.35); }
header.inbox.off > div, header.inbox.affix.off > div{ position: absolute; }
header.inbox.off .primary{ background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
header.inbox.off form[role="search"], header.inbox.off div.delete{ display: none; }
.show-message header.inbox .primary:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
header.inbox .headlines{ float: left; text-transform: uppercase; }
header.inbox h1, header.inbox h2{ font-size: 12px; line-height: 12px; font-weight: 300; }
header.inbox h1{ color: #A9ACB0; }
header.inbox h2{ color: rgb(40,193,229); }
header.inbox button{ float: left; border: none; background-size: 100%; margin-top: 2px; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
button.open-main{ width: 22px; height: 19px; margin: 1px 16px 0 14px; background: url(img/btn-open-main.png); }
button.open-main:hover{ background-image: url(img/btn-open-main-on.png); }
.mailbox-actions{ float: right; margin-right: 11px; }
.mailbox-actions button{ margin-left: 21px;}
.mailbox-actions button:first-child{ margin-left: 0; }
button.compose{ width: 20px; height: 20px; background: url(img/btn-compose-t.png); }
button.compose:hover{ background-image: url(img/btn-compose-t-on.png); }
button.address-book{ width: 19px; height: 19px; background: url(img/btn-address-book-t.png); }
button.address-book:hover{ background-image: url(img/btn-address-book-t-on.png); }
.mailbox-actions button.search{ width: 20px; height: 20px; background: url(img/btn-search-t.png); }
.mailbox-actions button.search:hover, .show-search .mailbox-actions button.search{ background-image: url(img/btn-search-t-on.png); }
button.refresh{ display: none; }
.mailbox-actions button.delete{ width: 19px; height: 19px; background: url(img/btn-delete-t.png); }
.mailbox-actions button.delete:hover, .show-delete .mailbox-actions button.delete{ background-image: url(img/btn-delete-t-on.png); }
.show-search button.compose, .show-search button.address-book, .show-search button.refresh, .show-search .mailbox-actions button.delete{ opacity: .3; }
.show-delete button.compose, .show-delete button.address-book, .show-delete button.search, .show-delete button.refresh{ opacity: .3; }

header.inbox.prev-affixed > div{ -webkit-animation: slideDown 600ms ease-out; animation: slideDown 600ms ease-out; }
@-webkit-keyframes slideDown {
	0%, 66%{ -webkit-transform:translateY(-100%); }
	100%{ -webkit-transform:translateY(0); }
}
@keyframes slideDown {
	0%, 66%{ transform:translateY(-100%); }
	100%{ transform:translateY(0); }
}

/* Sidebar */
.main{ position: fixed; top: 0; left: 0; width: 238px; height: 100%; border-right: 1px solid #d3d3d3; background: #f8f8f7; font-size: 16px; line-height: 19px; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; z-index: 4; }
body:before{ content: ''; position: fixed; top: 0; left: 0; width: 0; height: 0; -moz-transition: background 200ms ease-out; -webkit-transition: background 200ms ease-out; transition: background 200ms ease-out; }
.show-main:before{ width: 100%; height: 100%; background: #787d82; background: rgba(120,125,130,.5); z-index: 3; }
.show-main .main{ -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); }
.main > ul{ height: 100%; }
.main button.close-main{ width: 100%; height: 44px; border: none; background: #fff url(img/btn-close-main.png) no-repeat 10px center; background-size: 21px 20px; color: #a7a9ac; font-size: 18px; text-transform: uppercase; }
.main button.close-main:hover{ background-image: url(img/btn-close-main-on.png); }
.main button.close-main > span:first-child{ margin-left: 44px; }
.main button.close-main > span > span{ display: none; }
.secure-messages, li.weno-savers, .secure-messages button, li.weno-savers button{ letter-spacing: .1em; }
.secure-messages{ padding-bottom: 8px; margin-bottom: 14px; border-bottom: 1px solid #e6e7e8; }
.main h2{ margin: 12px 0 0 31px; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 29px; color: rgb(18,196,232); }
.main a, .main button{ position: relative; display: block; width: 100%; height: 39px; line-height: 39px; border: none; background-color: transparent; background-repeat: no-repeat; background-position: 33px; color: #6D6E71; text-align: left; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.main a:hover, .main button:hover, .main a.active, .main button.active{ background-color: #fff; color: rgb(18,196,232); }
.main a.active, .main button.active{ font-weight: 600; }
.main a.active:before, .main button.active:before{ content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #6ed7ff; }
.main a > span:first-child, .main button > span:first-child{ float: left; margin-left: 68px; }
.main a > span.number, .main button > span.number{ float: right; margin-right: 28px; }
.main a.inbox{ background-image: url(img/btn-main-inbox.png); background-size: 18px 15px; }
.main a.inbox:hover, .main a.inbox.active{ background-image: url(img/btn-main-inbox-on.png); }
.main a.deleted{ background-image: url(img/btn-main-deleted.png); background-size: 17px 15px; }
.main a.deleted:hover, .main a.deleted.active{ background-image: url(img/btn-main-deleted-on.png); }
.main a.sent{ background-image: url(img/btn-main-sent.png); background-size: 18px 12px; }
.main a.sent:hover, .main a.sent.active{ background-image: url(img/btn-main-sent-on.png); } 
.main button.search{ background-image: url(img/btn-main-search.png); background-size: 16px 17px; }
.main button.search:hover, .main button.search.active{ background-image: url(img/btn-main-search-on.png); }
.main a.posted{ display: none; }
.main a.saved{ background-image: url(img/btn-main-saved.png); background-size: 18px 17px; }
.main a.saved:hover, .main a.saved.active{ background-image: url(img/btn-main-saved-on.png); }
.main a.expired{ display: none; }
.main .invite{ position: absolute; bottom: 66px; left: 0; width: 100%; }
.main .invite > a{ border-top: 1px solid #e6e7e8; border-bottom: 1px solid #e6e7e8; background: #fff; color: rgb(40,193,229); font-size: 15px; text-transform: uppercase; text-align: center; letter-spacing: .12em; }
.main .invite > a:hover{ border-top: none; background: #32b1e0; color: #fff; }
.main .options{ position: absolute; bottom: 0; left: 0; width: 100%; }
.main .options > button{ height: 66px; line-height: 22px; background: #e6e7e8 url(img/btn-main-options.png) no-repeat 200px; background-size: 24px 23px; color: #939598; font-weight: 600; text-transform: uppercase; letter-spacing: .17em; z-index: 1; }
.main .options > button:hover{ background-color: #d1d3d4; }
.main .options > button > span{ display: block; margin-left: 31px; }
.main .options > ul{ position: absolute; top: 0; left: 0; width: 100%; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.main .options > ul.show{ -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.main .options > ul a{ height: 49px; line-height: 49px; background: #32b1e0; color: #edeeef; text-transform: uppercase; font-size: 14px; letter-spacing: .15em; }
.main .options > ul a:hover{ background: #208fc6; }
.main .options > ul a > span{ margin-left: 16px; }

/* Header Alert */
.alert{ position: relative; display: none; padding: 25px 0 2px; margin: 20px 0 2px; background: #65ccee; color: #fff; font-size: 15px; line-height: 23px; overflow: hidden; }
.alert h1{ position: absolute; top: 0; left: 0; width: 19px; height: 100%; background: #36b5e4; color: #3593d8; font-weight: 600; font-size: 13px; line-height: 19px; letter-spacing: .15em; text-transform: uppercase; }
.alert h1 > span{ position: absolute; top: 0; bottom: 0; display: block; height: 19px; margin: auto; -webkit-transform-origin: 0 50%; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform-origin: 0 50%; -ms-transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50%; transform: rotate(-90deg) translate(-50%, 50%); }
.alert > .content{ float: left; width: 58.866660773067%; margin-left: 4.624049007015%; }
.alert h2{ margin-bottom: 11px; font-weight: 400; font-size: 24px; line-height: 28px; letter-spacing: .1em; text-transform: uppercase; }
.alert > .action{ position: absolute; top: 0; right: 0; width: 36.509290219918%; height: 100%; }
.alert > .action > div{ height: 32px; text-align: center; }
.alert-a{ display: inline-block; height: 32px; padding: 0 25px; background: #36b5e4; color: #fff; font-weight: 600; font-size: 11px; line-height: 32px; text-transform: uppercase; letter-spacing: .15em; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.alert-a:hover{ background: #208fc6; color: #fff; }
.alert button.close{ position: absolute; top: 11px; right: 11px; width: 16px; height: 17px; border: none; background: url(img/alert-x.png); background-size: 16px 17px; }

/* Messages */
.show-message{
	/* TOO SLOW IN CHROME
	background-color: transparent; background-size: 4px 4px;
	background-image:
     -webkit-repeating-linear-gradient(-45deg, #ececec, #ececec 1px, transparent 1px, transparent 3px, #ececec 3px);
  background-image:
     -moz-repeating-linear-gradient(-45deg, #ececec, #ececec 1px, transparent 1px, transparent 3px, #ececec 3px);
  background-image:
     -o-repeating-linear-gradient(-45deg, #ececec, #ececec 1px, transparent 1px, transparent 3px, #ececec 3px);
  background-image:
     repeating-linear-gradient(-45deg, #ececec, #ececec 1px, transparent 1px, transparent 3px, #ececec 3px);
	*/
	/*background: rgba(46,51,58,.3);*/
	background: url(img/bg-inbox-5.png); background-size: 8px 8px;
}
.messages{ clear: both; border-top: 1px solid #e6e6e6; font-size: 13px; line-height: 18px; -moz-transition: padding-top 200ms ease-out; -webkit-transition: padding-top 200ms ease-out; transition: padding-top 200ms ease-out; }
.show-search .messages, .show-delete .messages{ padding-top: 44px; }
/*.show-top-message.show-message .messages{ border-top-color: transparent; }*/
.messages p{ margin-bottom: 18px; }
li.message{ position: relative; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
li.message.show, li.compose.show{ border-bottom: 2px solid #bcbec0; }
li.message.selected{ border-bottom-color: #fff; }
.message-details > a{ display: block; color: #808285; }
.message-details > a:hover > ul{ background-color: rgb(250,250,250); }
.message-details > a.new{ color: rgb(40,193,229); }
.message-details > a > ul{ padding: 7px 60px 8px 10px; background: #fff; overflow: hidden; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.show-message .message-details > a > ul{ background: none; }
li.message.selected .message-details > a > ul{ background: #51bfea; color: #fff; }
.message-details > a > ul > li{ white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.message-details .name{ margin-bottom: 4px; font-weight: 400; font-size: 16px; line-height: 19px; color: #414042; letter-spacing: .04em; }
.message-details .name > span{ position: relative; }
a.replied .name > span:before{ content: ''; display: inline-block; width: 15px; height: 12px; margin: 0 5px 0 1px; background: url(img/msg-replied-m.png); background-size: 15px 12px; }
a.attachment .name > span:after{ content: ''; position: absolute; top: 8px; right: -26px; width: 18px; height: 8px; background: url(img/msg-attachment-sm-m.png); background-size: 18px 8px; }
.message-details .new .name{ color: rgb(40,193,229); }
a.new.replied .name > span:before{ background: url(img/msg-replied-m-on.png); }
a.new.attachment .name > span:after{ background-image: url(img/msg-attachment-sm-m-on.png); }
li.message.selected .message-details .name, li.message.selected .message-details .new .name, li.message.selected .message-details .time{ color: #fff; }
li.message.selected a.new.replied .name > span:before, li.message.selected a.replied .name > span:before{ background-image: url(img/msg-replied-m-s.png); }
li.message.selected a.attachment .name > span:after, li.message.selected a.new.attachment .name > span:after{ background-image: url(img/msg-attachment-sm-m-s.png); }
.message-details .subject{ line-height: 16px; }
.message-details .time{ position: absolute; top: 13px; right: 10px; font-size: 12px; line-height: 12px; color: #767678; text-align: right; }
.message-details .new .time{ color: rgb(40,193,229); }
.message-content, .compose-message > ul{ position: relative; display: none; padding: 44px 9px 24px; background: #fff; }
.message-content > ul > li, .compose-message > ul > li{ padding: 0 5px; border-top: 2px solid #f0f0f0; }
.message-content .message-header, li.compose .message-header{ position: absolute; top: 0; left: 0; right: 0; padding: 0; border-top: none; /*z-index: 1; new: */ z-index: 2; }
.message-content .message-header.affix, li.compose .message-header.affix{ position: fixed; }
.message-content .message-header.affix, .message-content .message-header.affixed, li.compose .message-header.affix, li.compose .message-header.affixed{ -moz-box-shadow: 0 0 9px rgba(181,183,185,.63); -webkit-box-shadow: 0 0 9px rgba(181,183,185,.63); box-shadow: 0 0 9px rgba(181,183,185,.63); }
.message-header button{ height: 44px; border: none; background-color: #51bfea; background-repeat: no-repeat; color: #fff; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.message-header button:hover{ background-color: #3caddb; }
.message-header button.options{ float: left; padding: 0 39px 0 12px; background-image: url(img/btn-msg-options.png); background-position: 87px 15px; background-size: 15px 14px; }
.message-header button.close{ float: right; width: 44px; background-image: url(img/msg-xout-d.png); background-position: center; background-size: 14px 14px; }
ul.etc{ position: absolute; bottom: 0; left: 0; width: 100%; /* new: */ z-index: 1; /***/ -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.show-etc ul.etc{ -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }
ul.etc button{ width: 100%; height: 49px; border-top: 2px solid #2d96c4; background: #3caddb; color: #fff; font-weight: 400; font-size: 16px; letter-spacing: .15em; text-transform: uppercase; }
ul.etc li:first-child button{ border: none; }
ul.etc button:hover{ background: #51bfea; }
ul.etc button.save{ display: none; }
ul.basic{ position: relative; background: #3caddb; /*z-index: 1; new: */ z-index: 2; overflow: hidden; }
.show-etc ul.basic{ -moz-box-shadow: 0 0 9px rgba(0,0,0,.1617); -webkit-box-shadow: 0 0 9px rgba(0,0,0,.1617); box-shadow: 0 0 9px rgba(0,0,0,.1617); }
/*** new: etc ***/
li.message .compose-message > ul{ display: block; }
/*** ***/
.message-content .time-and-report-btn{ height: 46px; border-top: none; }
.message-content time, .message-content button.report-misuse, .cc-bcc-time button, .cc-bcc-time time{ background: none; border: none; color: #b1b5b9; font-weight: 400; font-size: 12px; line-height: 46px; letter-spacing: .1em; text-transform: uppercase; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.message-content time > abbr, li.compose time > abbr{ border-bottom: none; }
.message-content time > span, li.compose time > span{ display: none; }
.message-content button.report-misuse{ float: right; }
.message-content button.report-misuse:hover{ color: #51bfea; }
.message-content li[class^="info"]{ padding: 11px 5px; color: #404041; font-size: 15px; line-height: 19px; }
.message-content li[class^="info"] strong, li.compose li[class^="info"] strong{ color: rgb(40,193,229); font-weight: 400; }
li.attachments{ position: relative; min-height: 44px; }
.compose-message > ul > li.attachments{ padding-right: 0; }
li.attachments, .view-attachments, .download-all, .message-string, .message-string button.view-close{ color: #6d6f72; font-size: 14px; line-height: 44px; letter-spacing: .1em; text-transform: uppercase; }
.number-attachments{ padding-left: 41px; background: url(img/msg-attach-m.png) no-repeat 3px center; background-size: 29px 14px; }
.number-attachments > span{ display: none; }
.download-all{ position: relative; display: none; float: right; border: none; margin-right: 28px; background: none; color: #38AFE2; }
.download-all:hover{ color: #3caddb; }
.download-all:after, .message-string button.remove:after{ content: ''; position: absolute; top: 18px; right: -15px; width: 1px; height: 6px; background: #bcbec0; }
.show-attachments .download-all{ display: inline-block; }
.view-attachments, .message-string button.view-close{ float: right; padding-right: 29px; border: none; background: url(img/msg-attach-view-m.png) no-repeat right center; background-size: 17px 9px; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.view-attachments:hover, .message-string button.view-close:hover{ color: #51bfea; }
.show-attachments .view-attachments, .message-string.show button.view-close{ background-image: url(img/msg-attach-view-m-on.png); }
ul.attached{ display: none; border-top: 1px solid #7fddf8; }
ul.attached > li{ border-top: 1px dashed #d1d3d4; }
ul.attached > li:first-child{ border: none; }
ul.attached > li > ul{ padding: 0 4px; overflow: hidden; }
ul.attached > li > ul > li{ float: left; font-size: 13px; letter-spacing: .1em; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
li.file-name{ width: 56.179535539847%; }
li.file-size{ width: 15%; }
li.file-download{ width: 28.820464460153%; text-align: right; }
li.file-download button{ border: none; background: none; color: #38afe2; letter-spacing: .1em; text-transform: uppercase; }
li.file-download button:hover{ color: #3caddb; }
.message-content .message-body{ padding-top: 20px; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.message-body > ul{ margin-bottom: 18px; }
.message-body > ul > li{ position: relative; margin-left: 10px; }
.message-body > ul > li:before{ content: '•'; position: absolute; top: 0; left: -10px; }
.show-attachments .message-body{ border-top-color: #7fddf8; }
.message-content .disclaimer, li.compose .disclaimer{ border-top: none; font-size: 8px; line-height: 11px; }

/* Compose */
li.compose{ position: relative; overflow: hidden; }
li.compose .message-header{ background: #3caddb; }
ul.messages button.send{ width: 120px; padding: 0 18px; font-size: 14px; line-height: 15px; }
li.compose .cc-bcc-time{ border-top: none; overflow: hidden; }
button.bcc{ position: relative; margin-left: 18px; }
button.bcc:before{ content: ''; position: absolute; top: 19px; left: -12px; width: 1px; height: 7px; background: #d1d3d4; }
.items-removed button.bcc{ margin-left: 0; }
.items-removed button.bcc:before{ width: 0; height: 0; background: none; }
.cc-bcc-time time{ float: right; }
li.compose li[class^="info"]{ padding: 6px 5px; color: #404041; font-size: 15px; line-height: 19px; }
li.compose li.info-subject{ padding: 11px 5px; }
li.compose li[class^="info"] strong{ margin: 4px 3px 4px 0; }
li.compose li[class^="info"].recipients{ position: relative; padding-right: 28px; }
li.compose .recipients strong{ display: inline-block; }
li.compose .info-cc, li.compose .info-bcc{ display: none; }
.recipients span{ display: inline-block; padding: 3px 5px; margin: 4px 3px 4px 0; background: #e6e7e8; color: #231f20; cursor: pointer; white-space: nowrap; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.recipients span.on{ background: #51bfea; color: #fff; }
button.add-recipient{ position: absolute; top: 3px; right: 3px; display: none; /*float: right;*/ width: 22px; height: 22px; border: none; margin-top: 5px; background: url(img/msg-add-d.png); background-size: 22px 22px; }
button.add-recipient:hover{ background-image: url(img/msg-add-d-on.png); }
button.number-attachments{ height: 14px; border: none; }
button.delete-attachments{ display: none; }
li.compose button.view-attachments{ display: none; }
button.format{ position: relative; display: none; float: right; width: 26px; height: 17px; border: none; margin-top: 13px; background: #fff url(img/format-open-d.png) no-repeat left bottom; background-size: 21px 17px; z-index: 1; }
button.format:hover{ background-image: url(img/format-open-d-on.png); }
.show-formatting button.format{ background-image: url(img/format-close-d.png); background-size: 20px 15px; }
ul.formatting{ position: absolute; top: 11px; right: 38px; display: none; white-space: nowrap; visibility: hidden; }
ul.formatting > li{ position: relative; display: inline; }
ul.formatting button{ border: none; background-size: 100%; }
button.spell-check{ width: 23px; height: 24px; background: url(img/format-scheck-d.png); }
button.spell-check:hover{ background-image: url(img/format-scheck-d-on.png); }
button.bold{ width: 23px; height: 24px; margin-left: 5px; background: url(img/format-bold-d.png); }
button.bold:hover{ background-image: url(img/format-bold-d-on.png); }
button.italicize{ width: 23px; height: 24px; margin-left: 2px; background: url(img/format-italics-d.png); }
button.italicize:hover{ background-image: url(img/format-italics-d-on.png); }
button.underline{ width: 23px; height: 24px; margin-left: 2px; background: url(img/format-underline-d.png); }
button.underline:hover{ background-image: url(img/format-underline-d-on.png); }
button.font-size{ width: 23px; height: 24px; margin-left: 9px; background: url(img/format-size-d.png); }
button.font-size:hover{ background-image: url(img/format-size-d-on.png); }
button.color{ width: 23px; height: 24px; margin-left: 11px; background: url(img/format-color-d.png); }
button.color:hover{ background-image: url(img/format-color-d-on.png); }
button.ordered-list{ width: 23px; height: 24px; margin-left: 6px; background: url(img/format-list-d.png); }
button.ordered-list:hover{ background-image: url(img/format-list-d-on.png); }
button.unordered-list{ width: 23px; height: 24px; margin-left: 9px; background: url(img/format-bullet-d.png); }
button.unordered-list:hover{ background-image: url(img/format-bullet-d-on.png); }
button.dedent{ width: 23px; height: 24px; margin-left: 10px; background: url(img/format-dedent-d.png); }
button.dedent:hover{ background-image: url(img/format-dedent-d-on.png); }
button.indent{ width: 23px; height: 24px; margin-left: 9px; background: url(img/format-indent-d.png); }
button.indent:hover{ background-image: url(img/format-indent-d-on.png); }
button.justify-left{ width: 23px; height: 24px; margin-left: 13px; background: url(img/format-left-d.png); }
button.justify-left:hover{ background: url(img/format-left-d-on.png); }
button.center{ width: 23px; height: 24px; margin-left: 13px; background: url(img/format-center-d.png); }
button.center:hover{ background-image: url(img/format-center-d-on.png); }
button.link{ width: 23px; height: 24px; margin-left: 10px; background: url(img/format-link-d.png); }
button.link:hover{ background-image: url(img/format-link-d-on.png); }
.font-sizes, .colors, .links{ position: absolute; top: 100%; display: none; border: 1px solid #f3f3f3; }
.font-sizes{ left: -22px; width: 373px; padding: 7px 8px; }
.font-sizes > button{ float: left; width: 58px; height: 29px; margin-left: 5px; background: #F1F2F2; font-weight: 600; font-size: 15px; line-height: 29px; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.font-sizes > button:hover{ background: #f5f5f4; }
.font-sizes > button:first-child{ margin: 0; }
.colors{ left: 0; width: 290px; padding: 11px 7px; }
.colors > button{ float: left; width: 20px; height: 20px; margin-left: 10px; }
.colors > button:first-child{ margin: 0; }
button.black{ background: #000; }
ul.formatting button.white{ border: 1px solid #d1d3d4; background: #fff; }
button.gray{ background: #797979; }
button.yellow{ background: #E6CB00; }
button.red{ background: #DC5D31; }
button.magenta{ background: #BB2D4E; }
button.purple{ background: #9E26A5; }
button.blue{ background: #654BB9; }
button.cyan{ background: #2F88EF; }
button.green{ background: #00971E; }
.links{ right: -38px; width: 408px; padding: 7px 6px; }
.links input{ float: left; border: none; outline: none; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.links input[type="url"]{ width: 335px; padding: 0 7px; background: #f8f8f9; color: #646465; font-size: 17px; letter-spacing: .06em; }
.links input[type="url"]:focus{ background: #f5f5f4; }
.links input.placeholder{ color: #646465; }
.links input:-moz-placeholder{ color: #646465; opacity: 1; }
.links input::-moz-placeholder{ color: #646465; opacity: 1; }
.links input::-webkit-input-placeholder{ color: #646465; }
.links input[type="submit"]{ width: 59px; background: #51bfea; color: #fff; font-weight: 600; font-size: 13px; letter-spacing: .15em; }
.links input[type="submit"]:hover{ background: #39aada; }
.compose-message > ul > li.message-body{ border: none; }
li.compose textarea{ width: 100%; min-width: 100%; max-width: 100%; min-height: 300px; border: none; margin-top: 20px; font-size: 16px; line-height: 18px; letter-spacing: .08em; outline: none; }
li.compose textarea.placeholder{ font-style: italic; color: #a7a9ac; }
li.compose textarea:-moz-placeholder{ font-style: italic; color: #a7a9ac; opacity: 1; }
li.compose textarea::-moz-placeholder{ font-style: italic; color: #a7a9ac; opacity: 1; }
li.compose textarea::-webkit-input-placeholder{ font-style: italic; color: #a7a9ac; }
/*** new: for attachments ***/
li.compose .message-header{ overflow: hidden; }
.message-header li.attach{ position: absolute; top: 100%; left: 0; width: 100%; background: #3caddb; font-weight: 600; font-size: 16px; line-height: 44px; letter-spacing: .15em; text-transform: uppercase; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.show-attach .message-header li.attach{ -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.message-header li.attach > span{ margin-left: 14px; }
li.attach button.back{ float: right; padding: 0 17px; }
li.attach-a-file{ position: absolute; top: 53px; right: 9px; bottom: 9px; left: 9px; display: none; background: #51bfea; color: #fff; text-align: center; font-weight: 600; font-size: 19px; line-height: 46px; letter-spacing: .17em; text-transform: uppercase; z-index: 1; }
.compose-message > ul > li.attach-a-file{ padding: 0; border: none; }
form.attach{ position: relative; height: 100%; }
form.attach:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.35em; }
.dz-message{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 155px; margin: auto; }
span.select-file{ display: inline-block; height: 42px; padding: 0 26px; margin-top: 20px; background: #fff; color: #056da9; font-size: 17px; line-height: 42px; cursor: pointer; }
.file-uploaded > .dz-message{ display: none; }
.dz-progress{ position: absolute; top: 0; left: 0; width: 100%; background: #51bfea; }
.dz-progress > span{ display: block; height: 6px; background: #0065ac; }
.dropzone-previews{ display: inline-block; vertical-align: middle; }
.dz-preview{ margin-bottom: 10px; }
.dz-filename, .dz-size{ display: inline; }
.dz-success-mark, .dz-error-mark{ display: none; }
.dz-remove{ display: inline-block; height: 42px; padding: 0 26px; background: #fff; color: #056da9; font-size: 17px; line-height: 42px; }
/*** new: etc ***/
.message-string{ display: none; }
.message-string button.remove{ position: relative; float: right; padding-left: 16px; margin-right: 28px; border: none; background: url(img/msg-deleteallx-d.png) no-repeat left center; background-size: 8px 8px; color: #34a3da; font-size: 14px; line-height: 44px; letter-spacing: .1em; text-transform: uppercase; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.message-string button.remove:hover{ color: #3caddb; }
.string-messages{ display: none; padding-top: 20px; border-top: 2px solid #f0f0f0; font-size: 13px; line-height: 18px; text-transform: none; }
/***/

/* Search + Delete Drops */
form[role="search"], div.delete{ position: absolute; top: -1px; left: 0; right: 0; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
header.inbox > div:before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 10px; z-index: 1; }
.show-search header.inbox > div:before, .show-delete header.inbox > div:before{ bottom: -moz-box-shadow: 0 0 9px rgba(0,0,0,.21); -webkit-box-shadow: 0 0 9px rgba(0,0,0,.21); box-shadow: 0 0 9px rgba(0,0,0,.21); }
.show-search form[role="search"], .show-delete div.delete{ -ms-transform: translateY(44px); -webkit-transform: translateY(44px); transform: translateY(44px); -moz-box-shadow: 0 0 9px rgba(0,0,0,.21); -webkit-box-shadow: 0 0 9px rgba(0,0,0,.21); box-shadow: 0 0 9px rgba(0,0,0,.21); }
form[role="search"] input, form[role="search"] button, div.delete button{ float: left; height: 44px; border: none; margin-top: 0; letter-spacing: .06em; background-color: #51BFEA; color: #fff; outline: none; -moz-transition: background-color 200ms ease-out, height 200ms ease-out; -webkit-transition: background-color 200ms ease-out, height 200ms ease-out; transition: background-color 200ms ease-out, height 200ms ease-out; }
form[role="search"] .placeholder{ font-style: italic; letter-spacing: .06em; color: #fff; }
form[role="search"] :-moz-placeholder{ font-style: italic; letter-spacing: .06em; color: #fff; opacity: 1; }
form[role="search"] ::-moz-placeholder{ font-style: italic; letter-spacing: .06em; color: #fff; opacity: 1; }
form[role="search"] ::-webkit-input-placeholder{ font-style: italic; letter-spacing: .06em; color: #fff; }
form[role="search"] input[type="search"]{ width: 100%; padding: 0 50px 0 11px; background-color: #3caddb; font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form[role="search"] input[type="search"].tablet{ display: none; }
form[role="search"] input[type="submit"]{ display: none; width: 98px; border-left: 2px solid #34a3d4; margin-left: -138px; font-size: 16px; letter-spacing: .15em; text-transform: uppercase; }
form[role="search"] button.close, div.delete button.close{ width: 44px; margin-left: -44px; background-image: url(img/msg-xout-d.png); background-repeat: no-repeat; background-position: center; background-size: 14px 14px; }
form[role="search"] input[type="submit"]:hover, form[role="search"] button.close:hover, div.delete button:hover{ background-color: #34a3d4; }
div.delete{ background: #3caddb; }
div.delete .selections{ display: none; color: #fff; line-height: 38px; letter-spacing: .15em; text-transform: uppercase; }
div.delete button{ font-weight: 600; line-height: 15px; letter-spacing: .15em; }
div.delete button.select-delete{ width: 234px; padding: 0 15px; text-transform: uppercase; }
button.select-delete span.selected{ display: none; }
div.delete button.close{ float: right; }

/* new: weno savers */
ul.weno-savers li.welcome{ display: none; padding: 41px 0 58px; border-bottom: 1px solid #e6e6e6; color: #a9acb0; text-align: center; font-size: 18px; text-transform: uppercase; }
ul.weno-savers li.welcome h1{ margin-bottom: 19px; font-weight: 400; font-size: 18px; }
ul.weno-savers li.welcome figure{ display: inline-block; padding: 19px 85px; border: 2px solid #f0f0f0; }
ul.weno-savers ul.basic button.save{ float: left; padding: 0 12px; }
ul.weno-savers ul.etc{ display: none; }
ul.weno-savers .message-details > a > ul{ padding-bottom: 11px; }
ul.weno-savers .message-details li.subject{ height: 32px; white-space: normal; }
ul.weno-savers .message-details li.subject:before{ content:''; float: left; width: 5px; height: 32px; }
ul.weno-savers .message-details li.subject > *:first-child{ float: right; width: 100%; margin-left: -5px; }		
ul.weno-savers .message-details li.subject:after{ content: "\02026"; position: relative; top: -16px; left: 100%; float: right; width: 3em; padding-right: 5px; margin-left: -3em; background: #fff; text-align: left; }
ul.weno-savers .message-details > a:hover li.subject:after{ background-color: rgb(250,250,250); }
.show-message ul.weno-savers .message-details li.subject:after, .show-message ul.weno-savers .message-details > a:hover li.subject:after{ background: none; }
ul.weno-savers .message-details .time{ font-size: 11px; text-transform: uppercase; }
ul.weno-savers .message-details .time > span{ display: block; }
.message-content > ul > li.about-coupon{ padding: 99px 5px 11px; border: none; color: #767678; font-size: 12px; text-align: center; text-transform: uppercase; }
li.about-coupon > ul{ margin-top: 12px; }
li.about-coupon > ul > li{ margin-bottom: 6px; }
li.about-coupon > ul > li strong{ font-weight: 400; }
ul.weno-savers button.report-misuse{ display: none; }
li.coupon{ font-size: 16px; line-height: 22px; }
.coupon-details{ padding: 16px 0 0; }
.coupon-details > strong{ display: block; margin-bottom: 6px; color: #26a4d4; font-weight: 600; font-size: 17px; text-transform: uppercase; }
.coupon-details > h1{ padding-bottom: 14px; margin-bottom: 11px; border-bottom: 2px solid #f0f0f0; font-weight: 400; font-size: 16px; }
li.coupon p, li.coupon > div > ul{ margin-bottom: 28px; }
.coupon-details > ul > li{ position: relative; margin-left: 10px; }
.coupon-details > ul > li:before{ content: '•'; position: absolute; top: 0; left: -11px; }
.contact-company{ padding-top: 13px; border-top: 2px solid #f0f0f0; }
.contact-company > figure img, .contact-company > h2{ display: none; }
.contact-company > h2{ padding: 10px 0; border-top: 1px solid #efeff0; border-bottom: 1px solid #efeff0; margin: 7px 25px 7px 0; color: #404041; font-size: 16px; line-height: 18px; }
li.coupon a{ color: #58595b; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
li.coupon a:hover{ color: #2a95c9; }
figure.weno-savers-icon{ position: absolute; top: 91px; left: 50%; width: 148px; height: 29px; border: 1px solid #f54d3d; margin-left: -74px; color: #f54d3d; font-size: 13px; line-height: 29px; text-align: center; text-transform: uppercase; }

/* Tablet */
@media screen and (min-width:641px){
	
	body{ background: #fff; }
	
	/* Header */
	button.open-main{ margin: 6px 18px 0 17px; }
	header.inbox h1, header.inbox h2{ float: left; font-size: 18px; line-height: 23px; }
	header.inbox h1{ position: relative; margin-right: 21px; }
	header.inbox h1:after{ content: ''; position: absolute; top: 8px; right: -12px; width: 2px; height: 8px; background: #e0e0e0; }
	.mailbox-actions{ margin-right: 17px; margin-top:2px;  }
	header.inbox .mailbox-actions button{ margin: 0 0 0 34px; }
	.mailbox-actions button.off{ opacity: .3; }
	button.refresh{ display: inline-block; width: 18px; height: 19px; background: url(img/btn-refresh-t.png); }
	button.refresh:hover{ background-image: url(img/btn-refresh-t-on.png); }
	
	/* Sidebar */
	.main button.close-main > span > span{ display: inline; }
	.sidebar-header{ height: 79px; border-bottom: 1px solid #e6e7e8; margin-bottom: 24px; background: url(img/weno-sidebar.png) no-repeat center; background-size: 138px 28px; }
	.main h2{ margin-bottom: 17px; }
	.secure-messages{ padding-bottom: 39px; margin-bottom: 24px; }
	.secure-messages > ul > li, li.weno-savers > ul > li{ margin-bottom: 5px; }
	.main a, .main button{ height: 40px; line-height: 40px; }
	.main .invite > a{ border-bottom-color: #d4d4d4; }
	
	/* Messages */
	.messages{ border-top-color: #f3f3f4; line-height: 22px; }
	.show-message .messages{ border-top-color: #ddd; }
	.show-search .messages, .show-delete .messages{ padding-top: 40px; }
	.messages p{ margin-bottom: 22px; }
	li.message, li.compose{ border-bottom-color: #f3f3f4; }
	.show-message li.message, .show-message li.compose{ border-bottom-color: #ddd; }
	.message-details > a > ul{ padding: 12px 100px 17px 22px; }
	.message-details .name{ font-size: 23px; line-height: 28px; }
	a.replied .name > span:before{ width: 20px; height: 17px; margin: 0 9px 0 0; background-image: url(img/msg-replied-t.png); background-size: 20px 17px; }
	a.attachment .name > span:after{ top: 13px; right: -39px; width: 25px; height: 12px; background-image: url(img/msg-attachment-t.png); background-size: 25px 12px; }
	a.new.attachment .name > span:after{ background-image: url(img/msg-attachment-t-on.png); }
	li.message.selected a.replied .name > span:before, li.message.selected a.replied.new .name > span:before{ background-image: url(img/msg-replied-t-s.png); }
	li.message.selected a.attachment .name > span:after, li.message.selected a.new.attachment .name > span:after{ background-image: url(img/msg-attachment-t-s.png) }
	/*.show-message .message-details > a, .show-message .message-details .name, .show-message .message-details .time{ color: #a6a8ab; }*/
	.show-message .message-details .name{ font-weight: 400; }
	.show-message .message-details > a.new, .show-message .message-details .new .name, .show-message .message-details .new .time{ color: #26a4d4; }
	.messages .subject, .message-details .time{ font-size: 16px; line-height: 19px; }
	.message-details .time{ top: 20px; right: 22px; }
	li.message.show, li.compose.show{ border-bottom: none; }
	li.message.show > ul, li.compose.show > ul{ padding: 4px; border: 1px solid #e2e2e2; border-top: none; margin: 0 13px; background: #fff; }
	li.message.show .message-content, .compose-message > ul{ border: 1px solid #f0f0f0; border-top: none; }
	.message-content, .compose-message > ul{ padding: 37px 24px 3px; color: #6d6d6f; }
	.message-content > ul > li, .compose-message > ul > li{ border-top: 1px solid #efeff0; }
	.message-content .message-header, li.compose .message-header{ background: #f5f5f4; }
	.message-content .message-header.affix, li.compose .message-header.affix{ left: 19px; right: 19px; }
	ul.basic{ float: right; width: 37px; }
	ul.etc > li{ float: left; }
	ul.etc button, .message-header button.close{ height: 37px; }
	ul.etc button{ width: 117px; border-top: none; border-left: 2px solid #40b4e2; background: #51bfea; line-height: 15px; }
	ul.etc button:hover{ background: #3caddb; }
	ul.etc li:first-child button{ border-left: none; }
	.message-header button.options{ display: none; }
	.message-header button.close{ width: 37px; }
	.message-content .time-and-report-btn{ height: 43px; }
	.message-content time, .message-content button.report-misuse, .cc-bcc-time button, .cc-bcc-time time{ font-size: 12px; line-height: 45px; }
	.message-content time > abbr, li.compose time > abbr{ display: none; }
	.message-content time > span, li.compose time > span{ display: inline; }
	.message-content li[class^="info"]{ padding: 9px 5px; font-size: 16px; line-height: 20px; }
	li.attachments{ min-height: 38px; }
	li.attachments, .view-attachments, .download-all, .message-string, .message-string button.view-close{ font-size: 12px; line-height: 40px; }
	.number-attachments{ padding-left: 34px; background-image: url(img/msg-attachment-t.png); background-position: left center; background-size: 24px 12px; }
	.number-attachments > span{ display: inline; }
	.view-attachments, .message-string button.view-close{ padding-right: 16px; background-image: url(img/msg-view-t.png); background-position: right center; background-size: 11px 6px; }
	.download-all{ margin-right: 28px; }
	.download-all:after, .message-string button.remove:after{ top: 16px; right: -15px; }
	.message-content .message-body{ padding-top: 15px; }
	.message-content .disclaimer, li.compose .disclaimer{ font-size: 10px; line-height: 15px; }
	/*** new: for attachments ***/
	.message-header li.attach{ background: #f5f5f4; line-height: 37px; }
	li.attach-a-file{ top: 41px; right: 0; bottom: 0; left: 0; }
	.compose-message > ul > li.attach-a-file{ border: none; }
	li.attach button.back{ height: 37px; }
	/*** new: etc ***/
	ul.respond > li{ background: #f5f5f4; line-height: 37px; }
	.message-string button.remove{ font-size: 12px; line-height: 40px; }
	.string-messages{ padding-top: 15px; border-top: 1px solid #efeff0; line-height: 22px; }
	/*** ***/
	
	/* Compose */
	ul.messages button.send{ width: auto; height: 37px; padding: 0 17px; background: #51bfea; font-weight: 400; font-size: 16px; }
	ul.messages button.send:hover{ background: #3caddb; }
	li.compose li[class^="info"]{ padding: 3px 5px; font-size: 16px; line-height: 20px; }
	/*li.compose li[class^="info"] strong{ margin-right: 8px; }*/
	li.compose li.info-subject{ padding: 9px 5px; }
	.recipients span{ padding: 2px 5px; }
	button.add-recipient{ display: block; }
	button.number-attachments{ float: left; margin-top: 15px; }
	button.number-attachments:hover{ background-image: url(img/msg-attachment-t-on.png); }
	button.format{ display: inline-block; }
	/*** new: etc ***/
	ul.formatting{ visibility: visible; }
	/*** ***/
	
	/* Search + Delete Drops */
	form[role="search"] input, form[role="search"] button{ height: 40px; }
	form[role="search"] input[type="submit"], form[role="search"] button.close{ border-top: 1px solid #34a3d4; border-bottom: 1px solid #34a3d4; }
	form[role="search"] input[type="submit"]{ display: inline-block; }
	form[role="search"] input[type="search"]{ padding: 0 161px 0 21px; background: #51bfea; border: 1px solid #34a3d4; }
	form[role="search"] input[type="search"].mobile{ display: none; }
	form[role="search"] input[type="search"].tablet{ display: inline-block; }
	form[role="search"] input[type="search"]:focus{ background-color: #3caddb; }
	form[role="search"] button.close, div.delete button.close{ width: 40px; border-left: 2px solid #34a3d4; }
	form[role="search"] button.close{ border-right: 1px solid #34a3d4; }
	form[role="search"] button.close{ margin-left: -40px; }
	div.delete{ background-color: #51bfea; border: 1px solid #34a3d4; }
	div.delete .selections{ display: inline; margin-left: 21px; }
	div.delete .selections, div.delete button{ font-weight: 400; font-size: 16px; }
	div.delete button{ height: 38px; }
	div.delete button.select-delete{ position: absolute; top: 0; right: 40px; width: auto; border-left: 2px solid #34a3d4; }
	button.select-delete span.select{ display: none; }
	button.select-delete span.selected{ display: inline; }
	
	/* new: weno savers */
	ul.weno-savers li.welcome{ display: block; border-bottom-color: #f3f3f4; }
	ul.weno-savers .message-details > a > ul{ padding-top: 18px; padding-bottom: 23px; }
	ul.weno-savers .message-details > a > ul > li{ float: left; }
	ul.weno-savers .message-details .name{ width: 38.150289017341%; font-size: 18px; }
	ul.weno-savers .message-details li.subject{ width: 61.849710982659%; height: 34px; margin-top: 5px; font-size: 14px; line-height: 17px; }
	ul.weno-savers .message-details li.subject:before{ height: 34px; }
	ul.weno-savers .message-details .time{ top: 45px; right: auto; left: 22px; }
	ul.weno-savers .message-details .time > span{ display: inline; }
	ul.weno-savers ul.basic button.save{ display: none; }
	ul.weno-savers ul.etc{ display: block; }
	ul.weno-savers ul.etc button.save{ display: inline-block; }
	ul.weno-savers button.report-misuse{ display: inline-block; }
	.message-content > ul > li.about-coupon{ height: 43px; padding: 0 5px; font-size: 11px; line-height: 43px; text-align: left; letter-spacing: .1em; }
	li.about-coupon > img{ display: none; }
	li.about-coupon > ul{ float: left; margin: 0; }
	li.about-coupon > ul > li{ display: inline; margin: 0 13px 0 0; }
	li.about-coupon > ul > li:first-child{ position: relative; padding-right: 19px; }
	li.about-coupon > ul > li:first-child:after{ content: ''; position: absolute; top: 5px; right: 0; width: 1px; height: 6px; background: #d1d3d4; }
	li.about-coupon > ul > li strong{ color: #249aca; }
	li.about-coupon > ul > li span{ color: #bcbec0; }
	ul.weno-savers .message-content button.report-misuse{ font-size: 11px; line-height: 43px; }
	.message-content > ul > li.coupon{ padding-bottom: 11px; font-size: 13px; overflow: hidden; }
	li.coupon > div{ float: right; }
	li.coupon p, li.coupon > div > ul{ margin-bottom: 22px; }
	.coupon-details{ width: 55.588235294118%; }
	.coupon-details > strong{ display: none; }
	.coupon-details > h1{ padding-bottom: 16px; border-bottom: 1px solid #efeff0; margin-bottom: 14px; color: #249aca; }
	.contact-company{ width: 44.411764705882%; padding-top: 15px; border: none; }
	.contact-company > h2{ display: block; }
	.contact-company > figure, .contact-company > p, .contact-company > ul{ margin-right: 25px; }
	.contact-company > figure img{ display: inline; max-width: 100%; height: auto; }
	figure.weno-savers-icon{ top: auto; right: 35px; bottom: 30px; left: auto; display: none; border-color: #d1d3d4; margin: 0; color: #939598; }
	
}

/* Desktop */
@media screen and (min-width: 841px){
	
	.show-main:before{ width: 0; height: 0; background: none; z-index: -1; }
	
	/* Header */
	.mail{ margin: 0 20px 0 218px; }
	header.inbox{ height: 52px; padding: 13px 0 15px; }
	header.inbox > div{ top: 13px; left: -20px; right: -20px; width: auto; }
	header.inbox.affix > div{ left: 0; right: 0; }
	header.inbox.affix.off > div{ top: 13px; }
	header.inbox .primary{ padding: 16px 17px 13px 21px; }
	header.inbox.affix .primary{ padding-left: 0; padding-right: 0; }
	header.inbox.affix.off .primary{ padding-left: 1px; }
	button.open-main{ display: none; }
	header.inbox.affix .headlines{ margin-left: 219px; }
	header.inbox.affix.off .headlines{ margin-left: 0; }
	.mailbox-actions{ margin: 4px 12px 0 0; }
	header.inbox.affix .mailbox-actions{ margin-right: 29px; }
	header.inbox.affix.off .mailbox-actions{ margin-right: 9px; }
	.mailbox-actions button{ margin-left: 6px 0 0 29px; }
	button.compose{ width: 16px; height: 16px; background-image: url(img/btn-compose-d.png); }
	button.compose:hover{ background-image: url(img/btn-compose-d-on.png); }
	button.address-book{ width: 16px; height: 16px; background-image: url(img/btn-address-book-d.png); }
	button.address-book:hover{ background-image: url(img/btn-address-book-d-on.png); }
	.mailbox-actions button.search{ width: 16px; height: 16px; background-image: url(img/btn-search-d.png); }
	.mailbox-actions button.search:hover, .show-search .mailbox-actions button.search{ background-image: url(img/btn-search-d-on.png); }
	button.refresh{ width: 14px; height: 15px; background-image: url(img/btn-refresh-d.png); }
	button.refresh:hover{ background-image: url(img/btn-refresh-d-on.png); }
	.mailbox-actions button.delete{ width: 15px; height: 15px; background-image: url(img/btn-delete-d.png); }
	.mailbox-actions button.delete:hover, .show-delete .mailbox-actions button.delete{ background-image: url(img/btn-delete-d-on.png); }
	
	/* Sidebar */
	.main{ width: 191px; border-right-color: #c8c8c8; font-size: 13px; -ms-transform: none; -webkit-transform: none; transform: none; }
	.main:after{ content: ''; position: absolute; top: 0; right: -7px; width: 6px; height: 100%; background: #e6e7e8; }
	.main button.close-main{ display: none; }
	.sidebar-header{ height: 80px; margin-bottom: 19px; }
	.main h2{ margin: 12px 0 14px 25px; font-size: 13px; line-height: 23px; }
	.secure-messages{ padding-bottom: 31px; margin-bottom: 20px; }
	.secure-messages > ul > li, li.weno-savers > ul > li{ margin-bottom: 4px; }
	.main a, .main button{ height: 32px; line-height: 32px; background-position: 26px; }
	.main a > span:first-child, .main button > span:first-child{ margin-left: 55px; }
	.main a.inbox{ background-image: url(img/btn-main-inbox-d.png); background-size: 15px 13px; }
	.main a.inbox:hover, .main a.inbox.active{ background-image: url(img/btn-main-inbox-d-on.png); }
	.main a.deleted{ background-image: url(img/btn-main-deleted-d.png); background-size: 14px 14px; }
	.main a.deleted:hover, .main a.deleted.active{ background-image: url(img/btn-main-deleted-d-on.png); }
	.main a.sent{ background-image: url(img/btn-main-sent-d.png); background-size: 16px 11px; }
	.main a.sent:hover, .main a.sent.active{ background-image: url(img/btn-main-sent-d-on.png); }
	.main button.search{ background-image: url(img/btn-main-search-d.png); background-size: 14px 14px; }
	.main button.search:hover, .main button.search.active{ background-image: url(img/btn-main-search-d-on.png); }
	.main a.posted{ display: block; background-image: url(img/btn-main-posted-d.png); background-size: 14px 14px; }
	.main a.posted:hover, .main a.posted.active{ background-image: url(img/btn-main-posted-d-on.png); }
	.main a.saved{ background-image: url(img/btn-main-saved-d.png); background-size: 14px 13px; }
	.main a.saved:hover, .main a.saved.active{ background-image: url(img/btn-main-saved-d-on.png); }
	.main a.expired{ display: block; background-image: url(img/btn-main-expired-d.png); background-size: 13px 13px; }
	.main a.expired:hover, .main a.expired.active{ background-image: url(img/btn-main-expired-d-on.png); }
	.main a > span.number, .main button > span.number{ margin-right: 22px; }
	.main .invite{ bottom: 60px; }
	.main .invite > a{ font-size: 12px; }
	.main .options > button{ height: 60px; line-height: 18px; background-image: url(img/btn-main-options-d.png); background-position: 156px; background-size: 19px 18px; }
	.main .options > button > span{ margin-left: 19px; }
	
	/* Header Alert */
	.alert{ display: block; }
	
	/* Messages */
	li.message.show > ul, li.compose.show > ul{ margin: 0; }
	.message-details > a > ul{ padding: 10px 100px 8px 10px; }
	.message-details > a > ul > li{ float: left; }
	.message-details .name, .messages .subject, .message-details .time{ font-weight: 400; font-size: 14px; line-height: 17px; }
	.message-details .name{ width: 32.00468933177%; }
	.message-details .name > span{ display: block; padding-right: 36px; }
	a.replied .name > span:before{ width: 13px; height: 11px; margin-right: 5px; background-image: url(img/msg-reply-d.png); background-size: 13px 11px; }
	a.attachment .name > span:after{ right: 8px; top: 5px; width: 20px; height: 10px; background-image: url(img/msg-attachment-sm-d.png); background-size: 20px 10px; }
	li.message.selected a.replied .name > span:before, li.message.selected a.replied.new .name > span:before{ background-image: url(img/msg-reply-d-s.png); }
	li.message.selected a.new.attachment .name > span:after, li.message.selected a.attachment .name > span:after{ background-image: url(img/msg-attachment-sm-d-s.png); }
	.message-details .new .name{ color: rgb(40,193,229); }
	a.new.attachment .name > span:after{ background-image: url(img/msg-attachment-sm-d-on.png); }
	.message-details .subject{ width: 67.99531066823%; }
	.message-details .time{ top: 10px; right: 7px; }
	.message-content .message-header.affix, li.compose .message-header.affix{ left: 224px; right: 26px; }
	.message-content time, .message-content button.report-misuse, .cc-bcc-time button, .cc-bcc-time time{ font-size: 11px; }
	
	/* Search + Delete Drops */
	form[role="search"], div.delete{ top: 0; }
	.show-search form[role="search"], .show-delete div.delete{ -ms-transform: translateY(52px); -webkit-transform: translateY(52px); transform: translateY(52px); }
	header.inbox.affix form[role="search"] input[type="search"]{ padding: 0 161px 0 219px; }
	.affix div.delete .selections{ margin-left: 219px; }
	
	/* new: weno savers */
	ul.weno-savers li.welcome{ display: none; }
	ul.weno-savers .message-details > a > ul{ padding: 10px 100px 8px 10px; }
	ul.weno-savers .message-details .name{ width: 32.00468933177%; font-size: 14px; }
	ul.weno-savers .message-details li.subject{ width: 67.99531066823%; height: auto; margin: 0; }
	ul.weno-savers .message-details li.subject:before, ul.weno-savers .message-details li.subject:after{ display: none; }
	ul.weno-savers .message-details li.subject > span{ white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
	ul.weno-savers .message-details .time{ top: 10px; right: 7px; left: auto; font-size: 14px; }
	.coupon-details{ margin-bottom: 60px; }
	figure.weno-savers-icon{ display: block; width: 210px; height: 41px; font-size: 16px; line-height: 41px; }
	
}