@font-face {
	font-family: 'Aileron';
	src: url(f/aileron.thin.otf);
}

/*******************************************
General Layout
*******************************************/
header {
	background: #022135;
	color: #000;
	position: relative;
	height: 50px;
	text-align: left;
	z-index: 99;
}
div.content {
	position: relative;
	padding: 10px;
}
label.show-menu[for]{
    display:none;
}
header div.logo {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 10px;
    bottom: 5px;
    white-space: nowrap;
    font-family: Tahoma;
    font-size: 20px;
    line-height: 40px;
    color: white;
    padding-left: 48px;
    background: url(i/logo/64.png) no-repeat left center;
    background-size: contain;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

div#menu {
	margin-left: 50px;
}

nav div.m-top {
	display: inline-block;
	position: relative;
}

nav div.m-top div.mi-body {
	white-space: nowrap;
	display: none;
	background: #1f3543;
	position: absolute;
	top: 49px;
	left: 10px;
	border: solid 1px #000;
}

nav div.m-top:hover div.mi-body {
    display: block;
}

nav div.m-top div.mi-body hr {
    height: 0;
    border-style: none;
    border-top: solid 1px #aaa;
    margin: 0;
}

div.mi-section{
    vertical-align:top;
    display:inline-block;
    margin-right:20px;
}
div.mi-section:last-child{
    margin-right:0;
}
div.mi-section span {
    margin: 15px 0 5px 10px;
	display:block;
    color: #BBDEFB;
    font-size: 14px;
    font-weight: normal;
    font-family: Tahoma,"Helvetica Neue","Helvetica",Arial,sans-serif;
}

a.mi-top {
	line-height: 55px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	display: block;
	padding: 0 20px;
	white-space: nowrap;
}

a.mi-top:hover {
	color: #BBDEFB;
}

a.mi-dashboard{background-image:url(i/dynamic/fff/dashboard.svg)}
a.mi-create-event{background-image:url(i/dynamic/fff/calendar-create.svg)}
a.mi-create-notif{background-image:url(i/dynamic/fff/notification-create.svg)}
a.mi-team{background-image:url(i/dynamic/fff/team.svg)}
a.mi-billing{background-image:url(i/dynamic/fff/billing.svg)}
a.mi-plugins{background-image:url(i/dynamic/fff/plugins.svg)}
a.mi-zones{background-image:url(i/dynamic/fff/zones.svg)}
a.mi-auto-notif{background-image:url(i/dynamic/fff/notification-auto.svg)}
a.mi-ipaws{background-image:url(i/dynamic/fff/ipaws.svg)}
a.mi-rescent{background-image:url(i/dynamic/fff/checkup.svg)}
a.mi-month{background-image:url(i/dynamic/fff/month.svg)}
a.mi-week{background-image:url(i/dynamic/fff/week.svg)}
a.mi-agenda{background-image:url(i/dynamic/fff/agenda.svg)}
a.mi-notif{background-image:url(i/dynamic/fff/notification.svg)}
a.mi-search{background-image:url(i/dynamic/fff/search.svg)}
a.mi-address{background-image:url(i/dynamic/fff/address.svg)}
a.mi-communities{background-image:url(i/dynamic/fff/community.svg)}
a.mi-delivery{background-image:url(i/dynamic/fff/delivery-preference.svg)}
a.mi-password{background-image:url(i/dynamic/fff/password.svg)}
a.mi-signout{background-image:url(i/dynamic/fff/signout.svg)}
a.mi-policy{background-image:url(i/dynamic/fff/policy.svg)}
a.mi-report{background-image:url(i/dynamic/fff/report.svg)}
a.mi-geoviz{background-image:url(i/dynamic/fff/geo.svg)}
a.mi-geomgmt{background-image:url(i/dynamic/fff/geo.svg)}
a.mi-reg{background-image:url(i/dynamic/fff/reg-mgmt.svg)}
a.mi-pricing{background-image:url(i/dynamic/fff/price-check.svg)}
a.mi-blog{background-image:url(i/dynamic/fff/blog.svg)}
a.mi-shortcodes{background-image:url(i/dynamic/fff/short-codes.svg)}
.mi-audit{background-image:url(i/dynamic/fff/auditing.svg)}
a.mi {
	display: block;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height:45px;
	padding:0 15px 0 45px;
	background-size:28px;
	background-repeat:no-repeat;
	background-position:8px center;
}

a.mi:hover {
	background-color: #022135;
	color: #BBDEFB;
}

div.hamburger {
	display: none;
}

/*******************************************
account setup & management
*******************************************/
.account-mgmt {
	padding: 40px;
	margin: 20px auto;
	max-width: 800px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	text-align: center;
	overflow: hidden;
	font-size: larger;
}

.account-mgmt .crumbs {
	display: block;
	background: #022135;
	padding: 10px 40px;
	color: #fff;
	margin: -40px -40px 40px -40px;
	list-style-image: none;
}
.account-mgmt .crumbs a {
	color: #fff;
}
.account-mgmt .crumbs li {
	display: inline-block;
}
.account-mgmt .crumbs li:not(:first-child)::before {
	content: "/";
	margin: 0 10px;
}

input.address-entry {
	width: 400px;
	box-sizing: border-box;
}
.settings-group {
	text-align:left;
	position: relative;
	width: 400px;
	margin:20px auto;
	overflow:hidden;
	border-collapse:collapse;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,.25);
}
.settings-group th {
	padding: 5px 10px;
	background:#f2f2f2;
	color:#000;
	font-weight: bold;
	font-size:smaller;
	
}
.settings-group input[type=checkbox]{
	height:20px;
	width:20px;
}
.settings-group tr th:first-child {
	border-left: solid 5px #f2f2f2;
}
.settings-group tr td:first-child {
	border-left: solid 5px #fff;
}
.settings-group tr th:last-child, .settings-group tr td:last-child {
	text-align: center;
	width:50px;
}
.settings-group td{
	padding:10px;
	vertical-align:top;
	border-top:solid 1px #f2f2f2;
}

.delivery-issue {
	display: block;
	color: red;
	font-size: smaller;
	font-style: italic;
	text-decoration: none;
}

.action-buttons{
	margin-top:40px;
}

.account-mgmt-btm{
	margin:40px -40px -40px -40px;
	padding:40px;
	background:#f2f2f2;
	border-top:solid 1px #c0c0c0;
}
.account-mgmt-btm h2{
	margin-top:0;
}

@media (max-width:825px) {
	.account-mgmt, .account-mgmt-btm {
		padding: 10px;
		box-shadow: none;
		margin:0;
	}
	.account-mgmt-btm{
		border-radius:5px;
		border-style:none;
	}
	.account-mgmt .crumbs {
		display: none;
	}
	.settings-group{
		width:100%;
		box-sizing:border-box;
	}
	input.address-entry {
		width: 100%;
	}
	.action-buttons {
		padding:10px;
		position:fixed;
		margin:auto;
		bottom:0;
		left:0;
		right:0;
		box-shadow:0 0 10px rgba(0,0,0,.5);
		background:#022135;
	}
}

/*******************************************
Help
*******************************************/
.help-icon {
	position: relative;
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background: #1976D2;
	border-radius: 50%;
	text-align: center;
	transition: background linear .25s;
	line-height: 16px;
	font-size: 14px;
}

.help-icon::before {
	content: '?';
	color: #fff;
	font-weight: bold;
}

.help-icon:hover {
	background: #2196F3;
}

.help-content {
	background: #fff;
}

/*******************************************
Internal sales
*******************************************/
div.sales div.content {
	margin: auto;
	width: 1000px;
	text-align: center;
	font-size: larger;
	padding: 0;
}

div.sales h1 {
	font-family: Aileron;
	font-size: 40px;
}

div.sales h2 {
	font-family: Aileron;
	font-size: 25px;
}

div.sales .btnGo {
	font-size: larger;
	margin: 20px 0;
}

div.sales section {
	background: #022135;
	color: #fff;
	margin: 20px -10px;
}

div.sales section h1 {
	color: #fff;
}

div.sales section .content {
	padding: 20px 0;
}

div.sales .block {
	width: 24%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
}

div.sales .block div {
	padding: 90px 15px 30px 15px;
	background-size: 70px;
	background-position: center 30px;
	background-repeat: no-repeat;
}

div.sales .block div h2 {
	font-size: 30px;
	margin-bottom: 0;
}

div.sales .block div p {
	line-height: 1.5em;
}

div.sales p.intro {
	font-size: 18px;
	line-height: 1.5em;
}

/* PLUGINS **********************/
div.plugins .banner {
	margin: 0;
	height: 500px;
	background: url(i/plugins/devices.png) no-repeat center center;
	background-size: contain;
}

div.plugins div.dual-entry {
	background-image: url(i/plugins/keyboard-128.png)
}

div.plugins div.calendar {
	background-image: url(i/plugins/calendar-128.png)
}

div.plugins div.integrate {
	background-image: url(i/plugins/plugin-128.png)
}

div.plugins div.responsive {
	background-image: url(i/plugins/responsive-128.png)
}

/* TARGNOT **********************/
div.targnot .banner {
	margin: 20px 0;
	height: 350px;
	background: url(i/targnot/banner.png) no-repeat center center;
	background-size: contain;
}

div.targnot div.zones {
	background-image: url(i/targnot/zone-128.png)
}

div.targnot div.proximity {
	background-image: url(i/targnot/proximity-128.png)
}

div.targnot div.neighborhoods {
	background-image: url(i/targnot/neighborhood-128.png)
}

/* IPAWS **********************/

.get-ipaws .intro::before {
	content: '';
	background: url(i/ipaws/ipaws.png) no-repeat center;
	background-size: contain;
	height: 125px;
	width: 150px;
	display: block;
	margin: auto;
}
div.get-ipaws .banner {
	text-align:center;
}
div.get-ipaws .banner::after {
	content: '';
	background: url(i/ipaws/fema-logo-blue.svg) no-repeat center;
	background-size: contain;
	height: 100px;
	width: 200px;
	display: block;
	margin: auto;
}
div.get-ipaws div.ipaws-everyone {
	background-image: url(i/dynamic/fff/ipaws.svg)
}
div.get-ipaws div.ipaws-wea {
	background-image: url(i/dynamic/fff/ipaws-wea.svg)
}
div.get-ipaws div.ipaws-eas {
	background-image: url(i/dynamic/fff/ipaws-eas.svg)
}
div.get-ipaws div.ipaws-nwem {
	background-image: url(i/dynamic/fff/ipaws-nwem.svg)
}
.cert-ok::after,
.cert-warn::after,
.cert-fail::after {
	content: '';
	height: 12px;
	width: 12px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 10px;
}
.cert-ok::after {
	background: lime
}
.cert-warn::after {
	background: orange
}
.cert-fail::after {
	background: red
}
.ipaws-env-staging,
.ipaws-env-demo,
.ipaws-env-live {
	margin-top: 3px;
	display: inline-block;
	padding: 3px 5px;
	border-radius: 5px;
	color: #fff;
}

.ipaws-env-staging,
.ipaws-env-demo {
	background: rgba(0,0,0,.25);
}

.ipaws-env-live {
	background: #ef4136;
}

/*******************************************
Messages
*******************************************/
div#msg-icon {
	cursor: pointer;
	z-index: 99;
	height: 50px;
	width: 35px;
	background: url(i/dynamic/fff/messages.svg) no-repeat center center;
	background-size:contain;
	position: absolute;
	right: 20px;
	top: 0px;
}

div#msg-icon b {
	background: red;
	color: #fff;
	width: 14px;
	height: 15px;
	font-size: 12px;
	padding: 2px;
	display: block;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: 5px;
}

div#msg-tray {
	display: none;
	position: absolute;
	width: 500px;
	top: 49px;
	right: 0;
	background: #1f3543;
	color: #000;
	z-index: 99;
	box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}

div#msg-tray * {
	color: #fff;
}

div#msg-tray div {
	padding: 10px 10px 10px 43px;
	border-bottom: solid 1px #022135;
	border-left: solid 1px #022135;
	border-right: solid 1px #022135;
	text-align: left;
	background: url(i/dynamic/fff/messages.svg) no-repeat 10px center;
}

/*******************************************
Team
*******************************************/
.perm-yes, .perm-no, .perm-warn {
	margin-right: 5px;
	display: inline-block;
}

.perm-yes::before, .perm-no::before, .perm-warn::before {
	content: '';
	display: inline-block;
	margin-right: 3px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
}

.perm-yes::before {
	background: lime;
}

.perm-no::before {
	background: red;
}

.perm-warn::before {
	background: orange;
}

/*******************************************
Billing
*******************************************/
.bt-offers b {
	font-size: larger;
	line-height: 20px;
	font-family: Arial;
	vertical-align: middle;
}

.bt-offers span {
	margin: 5px 0 0 35px;
	padding-left: 16px;
	display: block;
	background: url(i/info-12.png) no-repeat left center;
	line-height: 20px;
}

.bt-offers div {
	margin-bottom: 10px;
}

.bt-offers label {
	display: inline-block;
	line-height: 26px;
	cursor: pointer;
	padding: 5px;
	border-radius: 3px;
	transition: all linear .5s;
}

.bt-offers label:hover, .bt-offers label.opt-on {
	background: #bbdefb
}

.bt-offers input {
	height: 20px;
	width: 20px;
	vertical-align: bottom;
}

.bt-method {
	white-space: nowrap;
}

.bt-method * {
	vertical-align: middle;
}

.bt-method div {
	display: inline-block;
}

.bt-exp-warn {
	color: red;
}

.bt-cancel {
	border: solid 1px red;
	border-radius: 5px;
	border-left-width: 5px;
	padding: 10px;
	background: #f5f5f5;
	display: inline-block;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	max-width: 400px;
}

h2.bt-issue {
	color: #F44336;
}

.bt-cancel .btns {
	text-align: right;
}

.bt-cancel .btns input {
	margin-left: 20px;
}

.bt-wrapper {
	max-width: 650px;
}

#bt-processing {
	height: 259px;
	background: url(i/ring-spinner.gif) no-repeat center center;
}

.bt-next {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 250px;
	margin: 20px 20px 0 0;
	padding: 80px 10px 10px 10px;
	background: #f2f2f2;
	vertical-align: top;
	text-align: center;
	border-radius: 3px;
	font-size: larger;
	background: #f2f2f2 no-repeat center 20px;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

.bt-next h3 {
	font-size: 25px;
	font-family: Aileron;
}

.bt-next b {
	position: absolute;
	top: 0;
	right: 0;
	background: #022135;
	height: 20px;
	width: 20px;
}

.bt-next-add-on {
	background-color: #022135;
	color: #fff;
}

.bt-next-add-on::before {
	content: 'Add-On';
	color: #aaa;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}

.bt-next div {
	position: absolute;
	padding-bottom: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.bt-next-teams {
	background-image: url(i/next-team.png);
}

.bt-next-events {
	background-image: url(i/next-events.png);
}

.bt-next-notif {
	background-image: url(i/next-notif.png);
}

.bt-next-billing {
	background-image: url(i/next-billing.png);
}

.bt-next-plugins {
	background-image: url(i/next-plugins.png);
}

.bt-next-zone {
	background-image: url(i/next-zone.png);
}

.bt-next {
	background-size: 64px;
}
/*******************************************
Table
*******************************************/
table.std {
	border-right: solid 1px #c0c0c0;
	border-top: solid 1px #c0c0c0;
	border-collapse: collapse;
}

table.std th {
	background: #f2f2f2;
}

table.std th, table.std td {
	text-align: left;
	border-left: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	padding: 5px 10px;
}

table.std td.Error, table.std td.Warning {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

table.std td.Warning {
	background-image: url(i/warning-16.png);
}

table.std td.Error {
	background-image: url(i/error-16.png);
}

table.std th[sort] {
	cursor: pointer;
	position: relative;
	padding-right: 18px;
}

table.std th[sort]::before, table.std th[sort]::after {
	position: absolute;
	display: block;
	right: 5px;
	color: #a9a9a9;
	font-size: 10px;
}

table.std th[sort]::before {
	content: "▼" / "";
	top: 50%;
	margin-top: -1px;
}

table.std th[sort]::after {
	content: "▲" / "";
	bottom: 50%;
	margin-bottom: -1px;
}

table.std th[sort-asc="true"]::after, table.std th[sort-asc="false"]::before {
	color: #000;
}

table.std td s {
	display: none;
}
/*******************************************
Special
*******************************************/
div#loading {
	display:none;
	position: fixed;
	top: 5px;
	left: 50%;
	width: 70px;
	height:40px;
	margin-left: -35px;
	background: #000 url(i/dynamic/3574ba/loading2.svg) no-repeat center center;
	background-size:40px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(256,256,256,.4);
	z-index: 10000;
	color: white;
}

p.error {
	color: red;
	padding: 3px 0 3px 15px;
	background: url(i/error-12.png) no-repeat left center;
	display: inline-block;
	margin: 0;
}
	
/************************************/
ul.list {
	padding: 0;
}

ul.list li {
	list-style: none;
	margin: 2px 0;
	background-color: #f2f2f2;
	border-radius: 3px;
	border-left: solid 5px #1976D2;
}

ul.list li:hover {
	background: #03A9F4;
	color: #fff;
	border-left: solid 5px #022135;
}

ul.list li a {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
}

ul.list li:hover a {
	color: #fff;
}

ul.list li.edit {
	background-image: url(i/edit-16.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 27px;
}

ul.list li.edit input[type=checkbox], ul.list li.edit input[type=radio] {
	vertical-align: middle;
	float: right;
	margin: 10px 10px 0 10px;
	height: 20px;
	width: 20px;
}

ul.list li.edit input[type=text] {
	float: right;
}

ul.list li.display {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

ul.list li.display input[type=checkbox], ul.list li.display input[type=radio] {
	vertical-align: middle;
	float: right;
	margin: 5px 10px 10px 10px;
	height: 20px;
	width: 20px;
}

ul.list li.display div.sp-replacer {
	float: right;
	vertical-align: middle;
	margin-right: 10px;
}

ul.list li.display div.sp-replacer div.sp-preview {
	vertical-align: middle;
	padding-bottom: 5px;
}


/************************************/
div.checkbox-list label {
	cursor: pointer;
	margin: 1px 0;
	display: inline-block;
}

div.checkbox-list label * {
	vertical-align: middle;
}

div.checkbox-list input[type=checkbox]:checked ~ span, div.checkbox-list input[type=radio]:checked ~ span {
	color: #fff;
	background: #2196F3;
}

div.checkbox-list label span {
	display: inline-block;
	padding: 3px;
	border-radius: 3px;
	margin-left: 3px;
}

div.checkbox-list label:hover span {
	background: #BBDEFB
}

div.checkbox-list div.checkbox-sub {
	margin: 0 0 5px 25px;
}
/************************************/
div.radio-list label {
	cursor: pointer;
	margin: 3px 0;
	display: block;
}

div.radio-list label * {
	vertical-align: middle;
}

div.radio-list input[type=radio] {
	height: 16px;
	width: 16px;
}

div.radio-list input[type=radio]:checked ~ span {
	color: #fff;
	background: #2196F3;
}

div.radio-list label span {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	margin-left: 3px;
}

div.radio-list label:hover span {
	background: #BBDEFB
}
/*******************************************
Price table
*******************************************/
table.price {
	border-right: solid 1px #c0c0c0;
	border-top: solid 1px #c0c0c0;
	border-collapse: collapse;
}

table.price td, table.price th {
	padding: 2px 10px;
	border-left: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	text-align: center;
}

table.price tr:hover td {
	background: #BBDEFB;
	cursor: pointer
}

table.price tr.sel td {
	background: #BBDEFB;
}

/*******************************************
Subscriptions
*******************************************/
div#areas * {
	vertical-align: middle;
}

div.carrot, div.carrot-ok {
	display: inline-block;
	height: 16px;
	width: 16px;
}

div.carrot {
	background: url(i/carrot-12.png) no-repeat center center;
}

div.carrot-ok {
	background: url(i/ok-16.png);
	margin: 0 2px;
}
/*******************************************
async responses
*******************************************/
#async-tray {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 9999;
}

#async-tray div:first-child {
	padding: 20px 30px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	cursor: pointer;
}

#async-tray div.success {
	background: #dcedc8 url(i/checkmark-16.png) no-repeat 10px center;
}

#async-tray div.error {
	background: #ffcdd2 url(i/error-16.png) no-repeat 10px center;
}

#async-tray div.help {
	background: #fff no-repeat 10px 33px;
}

#async-tray div.signin {
	background: #fff no-repeat 10px 33px;
}

.async-close {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 43px;
	width: 49px;
	background: url(i/close-button.png);
}
/**************************************
content entry
**************************************/
.preview h1 {
	font-family: font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 300;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 10px;
}

.preview {
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	max-width: 750px;
}

.preview h1 {
	margin-top: 0;
}

.preview .map {
	height: 400px;
	border-radius: 3px;
}

/***************************************
MEDIA
***************************************/
@media (max-width:1000px) {
	div.sales div.content {
		width: auto;
	}

	div.sales div.block {
		width: 49%;
	}
}

@media (max-width:950px) {
	div.sales div.banner {
		height: 450px;
	}
	/**********************/
	div.body {
		padding: 0;
		padding-bottom: 60vh; /* fallback */
		padding-bottom: 60dvh; /* best */
	}
	label.show-menu[for] {
		display: block;
	}
	/**********************/
	.table-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;		
	}
	.table-wrapper:not(.table-stack) {
		white-space: nowrap;
	}

	.table-stack table.std {
		border-style: none;
		width:100%;
	}
	.table-stack tr {
		display: block;
		border: 1px solid #ddd;
		border-radius: 6px;
		margin-bottom: 12px;
		background: #fff;
	}
	.table-stack table.std td {
		display: flex;
		flex: 1 1 auto;
		align-items: flex-start;
		border-bottom: 1px solid #eee;
		border-left-style: none;
		gap: 8px;
	}
	.table-stack td:last-child {
		border-bottom: none;
	}
	/* LABEL */
	.table-stack td::before {
		content: attr(data-label);
		font-weight: 600;
		flex: 0 0 auto;     /* do NOT stretch */
		width: 35%;         /* or whatever width you want */
		text-align: left;
	}
	.table-stack thead {
		display: none;
	}
	/**********************/
	div#menu {
		position: absolute;
		top: 50px;
		right: 0;
		left: 0;
		margin: auto;
		overflow: auto;
		background: #022135;
	}

	nav div.m-top, nav div.m-top div.mi-body {
		display: block;
		margin: 0;
		position: relative;
		top: auto;
		left: auto;
		background: #1f3543;
	}

	nav div.m-top div.mi-body {
		border-style: none;
		padding-bottom: 10px;		
	}
	nav a.mi-top {
		background: #022135;
		color: #fff;
		font-weight:bold;
		padding-left:10px;
	}

	#menu div.m-top div.mi-body a {
		padding-left: 45px;
	}

	nav div.m-top div.mi-body hr {
		display: none;
	}

	div.mi-section {
		display: block;
	}

	div.mi-section h2 {
		margin-left: 20px;
	}
	/**********************/
	div#msg-icon {
		right: 60px;
	}

	div#msg-tray {
		position: relative;
		box-shadow: none;
		width: auto;
		right: auto;
		border-top: solid 1px #022135;
	}

	div#msg-tray div {
		border-left-style: none;
		border-right-style: none;
	}
	/**********************/
	#async-tray {
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		transform: none;
	}

	#async-tray div:first-child {
		border-radius: 0;
	}
}

@media (max-width:600px) {
	div.sales div.banner {
		height: 350px;
	}

	div.sales div.block {
		width: 100%;
	}
}