body, html {
  font-size:100%;
  line-height:1;
  margin:0;
  padding:0;
  box-sizing:border-box;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: Montserrat;
  height:100%;
  /* overflow-x: hidden; */
  min-width: 320px;
}

/* Apply to body to activate vertical momentum scrolling */
.momentum-scrolling-y {
  overflow: y; 
  -webkit-overflow-scrolling: touch;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dddddd;
    font-style: italic;
    opacity: 1; /* Firefox */
}
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dddddd;
    font-style: italic;
    opacity: 1; /* Firefox */
}

/* Normalizes select boxes to allow styling */
@media screen and (-webkit-min-device-pixel-ratio:0) { /* For Safari and Chrome */
  select {
    border-color: #adadb4;
  }
}

/* General screen styles */
@media screen {
  .top-header { display:table; }
  .no-display { display:none; }
}

.notifier-color { color: #ee553b; }
.notifier-background { background-color: #ee553b; }
.notifier-color2 { color:#34495E; }
.tooltip-link-color { color:#3498db; }


@font-face { font-family: Montserrat; src: url(../fonts/montserrat/montserrat-light.otf); }
@font-face { font-family: Montserrat_R; src: url(../fonts/montserrat/montserrat-regular.otf); }
@font-face { font-family: Montserrat_B; src: url(../fonts/montserrat/montserrat-bold.otf); }

@font-face { font-family: Roboto; src: url(../fonts/roboto/Roboto-Regular.ttf); }
@font-face { font-family: Roboto_B; src: url(../fonts/roboto/Roboto-Bold.ttf); }
@font-face { font-family: Roboto_L; src: url(../fonts/roboto/Roboto-Light.ttf); }
@font-face { font-family: Roboto_ML; src: url(../fonts/roboto/RobotoMono-Light.ttf); }

.text-scale2 { line-height:1.25em; }
.title { color:#333333; text-align:center; font-family:Montserrat_R; }
.sub-title { color:#333333; text-align:center; font-family:Montserrat_R; }

.info-box {
  display:none;
  background-color:#ddeeff;
  padding:0.5em;
  font-size:0.75em;
  line-height:1.25em;
  cursor:not-allowed;
}

.clearfix { clear: both; }

.top-header { position:fixed; top:0; z-index:200; width:100%; margin-left:auto; margin-right:auto; background-color:#34495E; color:#ffffff;}
.menu-icon { float:right; margin:0.375em 0.25em; cursor:pointer; }
.menu-icon:hover { color:#ee553b; }
.menu-link { color:#ffffff; text-decoration:none; cursor:pointer;}
.menu-link:hover { color:#ee553b; }
.menu-link-on { color:#ee553b; text-decoration:none; cursor:pointer; }

ul.menu-list { display:inline; list-style-type:none; margin:0; padding:0; }
li.menu-item-left { display:inline; float:left; margin-left:1.0em; }
li.menu-item-right { display:inline; float:right; margin-right:0.5em; }

ul.menu-stack { display:block; list-style-type:none; margin:0; padding:0; }
li.menu-stack-item { 
  display:block;
  text-decoration:none;
  font-family:Montserrat_R;
  font-size:1.25em;
  line-height:2.5em;
  cursor:pointer;
  padding-left:1em; 
  padding-right:1em; 
  text-align:left; 
  border-bottom:solid 1px #999999; 
  color:#333333; 
}
li.menu-stack-item:hover { background-color:rgba(255, 255, 255, 0.6); color:#ee553b;}
.menu-stack-icon { float:right; line-height:2.6em; }


div.dropdown-menu {
  display:none;
  float:left;
  background-color:#ffffff;
  position:absolute;
  z-index:1005;
}

ul.dropdown-stack { display:block; list-style-type:none; margin:0; padding:0; border-style:solid; border-color:#dddddd; border-width:1px 1px 0 1px; }
li.dropdown-stack-item { 
  display:block;
  text-decoration:none;
  cursor:pointer;
  text-align:left; 
  border-bottom:solid 1px #dddddd; 
  color:#666666; 
}
li.dropdown-stack-item:hover { background-color:rgba(240, 240, 240, 0.6); color:#333333;}


.credits-display { cursor:pointer; }
.credits-display:hover { color:#33cc33; }
.green-text { color:#00ff00; }
.yellow-text { color:#ffff00; }
.red-text { color:#ff0000; }

.footer { background-color:#34495E; color:#ffffff; display:flex; align-items:center; justify-content:center; }
ul.footer-menu-list { display:inline; list-style-type:none; margin:0; padding:0; }
li.footer-menu-item { display:inline; }

ul.item-space > li, ol.item-space > li {
  margin-top:1em;
  margin-bottom:1em;
}

ul.no-indent, ol.no-indent { 
  padding:0;
  margin-left:1.2em;
}


div.splash-div { 
  position:relative; 
  width:100%;
  text-align:center;
  margin-left:auto; 
  margin-right:auto;
  /*overflow:hidden;*/
  background-position: 50% 30%;
  /* background-position: center center; */
  background-repeat:no-repeat; 
  background-size:cover; 
}

.dash {
  border: 0 none;
  border-top: 2px dashed #666666;
  background: none;
  height:0;
}


/* Custom select box */
.custom-select {
  position: relative;
  font-family: Montserrat;
  border-top: solid 1px #dddddd;
}
.custom-select select {
  display: none; /* Hide original SELECT element */
}
.select-selected {
  
}

/* Style the arrow inside the select element */
.select-selected:after {
  position: absolute;
  content: "";
  top: 0.6em;
  right: 0.5em;
  width: 0;
  height: 0;
  border: 0.6em solid transparent;
  border-color: #999999 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active) */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #999999 transparent;
  top: 0;
}

/* Style the items (options), including the selected item */
.select-items div,.select-selected {
  color: #555555;
  padding: 0.25em 0.25em;
  border-style: solid;
  border-color: #dddddd;
  border-width: 0 1px 1px 1px;
  cursor: pointer;
}

/* Style items (options) */
.select-items {
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
}

/* Hide the items when the select box is closed */
.select-hide {
  display: none;
}
.select-items div:hover {
  background-color: #dddddd;
}

.same-as-selected {
  background-color: #99ccff;
}
/* End custom select box */


.feature-text { color:#ffffff; font-family: Montserrat; font-size:4em; padding:0.25em 0 0.25em 0; }
.feature-subtext { color:#ffffff; }

.app-stores-bar { position:absolute; bottom:1em; width:100%; text-align:center; }
.app-store-badge { margin:0 1em; }
.app-store-link { margin:.5em .5em; cursor:pointer; }
.app-store-link:hover { opacity:0.75; }
/*.cancel-x1 { float:right; margin-right:-0.35em; margin-top:-0.65em; color:#000000; opacity:0.5; }*/

.cancel-x1 { float:right; margin-right:-0.1em; margin-top:-0.4em; color:#000000; opacity:0.5; }
.cancel-x1:hover { opacity:1; }

.page-content { box-sizing:border-box; color:#333333; background-color:#ffffff; }
.page-content2 { box-sizing:border-box; color:#ffffff; background-color:#68768A;}
.page-content3 { box-sizing:border-box; color:#333333; background-color:#D8E2EC;}


.features-button { cursor:pointer; font-family:Montserrat_R; }
.features-div { display:none; margin-top:1em; }
.features-box { border-radius:0.5em; padding:1em; margin-bottom:1em; }

input.button1 { color:#ffffff; border:0; border-radius:.25em;}

.button2 { cursor:pointer; font-family:Montserrat_R; text-align:center; color:#ffffff; background-color:#5095fb; border:0; border-radius:0.5em; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; }
.button2:not(.no-hover):hover { background-color:#3366ee; }  /* Disables hover if class "no-hover " added */

.button3 { cursor:pointer; font-family:Montserrat_R; text-align:center; color:#ffffff; background-color:#ff0000; border:0; border-radius:0.5em; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; }
.button3:hover { background-color:#dd0000; }

.button4 { cursor:pointer; text-align:center; color:#5095fb; border:solid 1px #5095fb; border-radius:0.4em; padding-left:0.4em; padding-right:0.4em; box-sizing:border-box; }
.button4:hover { background-color:#ddeeff; }

.button5 { cursor:pointer; text-align:center; color:#5095fb; border:solid 1px #5095fb; border-radius:0.2em; padding:0.25em 0.5em 0.25em 0.5em; padding-left:0.4em; padding-right:0.4em; box-sizing:border-box; }
.button5:hover { background-color:#ddeeff; }

i.edit-icons { color:#5095fb; cursor:pointer; }
i.edit-icons:hover { color:#3366ee; }

.blue-link { color:#5095fb; cursor:pointer; }
.blue-link:hover { color:#3366ee; }
.light-blue-link { color:#b0ddf8; cursor:pointer; }
.light-blue-link:hover { color:#ddefff; }

.fold2l1 { float:left; }
.fold2r1 { float:left; }
.fold2l { float:left; }
.fold2r { float:left; }
.fold4 { float:left; box-sizing:border-box; }
.fold4a { float:left; box-sizing:border-box; }

.standard-field {
  font-family: Montserrat; 
  color:#555555; 
  border:solid 1px #dddddd; 
  padding:0.25em 0.5em;
  box-sizing:border-box;
}

.standard-button {
  cursor:pointer; 
  font-family:Montserrat_R; 
  text-align:center; 
  color:#ffffff; 
  background-color:#5095fb; 
  border:0; 
  border-radius:0.25em; 
  padding:0.25em 0.5em; 
  box-sizing:border-box;
}

.standard-button:not(.no-hover):hover { background-color:#3366ee; }  /* Disables hover if class "no-hover " added */

.standard-button-red {
  cursor:pointer; 
  font-family:Montserrat_R; 
  text-align:center; 
  color:#ffffff; 
  background-color:#ff0000; 
  border:0; 
  border-radius:0.25em; 
  padding:0.25em 0.5em; 
  box-sizing:border-box;
}

.standard-button-red:not(.no-hover):hover { background-color:#df0000; }  /* Disables hover if class "no-hover " added */

.standard-button-disabled {
  cursor:not-allowed; 
  font-family:Montserrat_R; 
  text-align:center; 
  color:#ffffff; 
  background-color:#5095fb;
  opacity:0.5;
  border:0; 
  border-radius:0.25em; 
  padding:0.25em 0.5em; 
  box-sizing:border-box;
}


.ok-text {
  font-family:Montserrat_R;
  text-align:center;
  color:#00bf44;
}

.form-field1 { font-family: Montserrat; color:#555555; border:solid 1px #dddddd; padding:0.5em 1em; margin:0.25em 0; }
.form-field1-bad { border-color:#ff0000; }
.form-field2 { font-family: Montserrat; color:#555555; border:solid 1px #dddddd; padding:0.125em 0.5em; }
.form-field3 { font-family: Montserrat; color:#555555; border:solid 1px #dddddd; padding:0.25em 0.5em; }
.form-field4 { font-family: Montserrat; color:#555555; border:solid 1px #dddddd; padding:0.125em 0.25em; width:20em; height:1.75em; box-sizing:border-box; }
.bad-field { background-color: #ff0000; color: #ffffff; }
.warning-field { background-color: #ffff33; color: #333333; }
.readonly-field { background-color: #f4f4f4; color: #333333; }
.gray-field { background-color: #eeeeee; }

.demo-wizard { color:#ffffff; text-align:center; padding:1em 0 1.5em 0; }
.badge1 { display:inline-block; border-radius:0.75em; min-width:1.5em; height:1.5em; line-height:1.5em; background-color:#ffffff; color:#68768A; text-align:center; vertical-align:middle; }
.demo-img { margin-top:0.5em; }
.demo-button { cursor:pointer; font-family:Montserrat_R; text-align:center; color:#333333; background-color:#fa983a; border:0; border-radius:0.5em; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; }


.demo-from-box {
	border:0; 
	width:30em; 
	padding:0.5em; 
	font-size:1em; 
	color:#333333; 
	box-sizing:border-box; 
}

.demo-message-box { 
	border:0; 
	width:30em; 
	height:12em; 
	resize:none; 
	padding:0.5em; 
	font-size:1em; 
	color:#333333; 
	box-sizing:border-box; 
}

.demo-subscriber-key-container { text-align:center; padding:0; cursor:default; }
.demo-subscribe-qr-container { height:200px; text-align:center; }

.hiw-text { display:none; max-width:700px; margin:1em auto 1em auto; font-family:Montserrat; line-height:1.25em; }
.hiw-slide-size { color:#999999; }
.hiw-button { cursor:pointer; font-family:Montserrat_R; text-align:center; color:#ffffff; background-color:#666666; border:0; border-radius:0.5em; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; }
.hiw-button:hover  { background-color:#444444; }

.price-div { text-align:center; }
.price-box { text-align:center; border-radius:0.5em; padding-top:0.5em; padding-bottom:0.5em; }

.api-box { background-color:#eeeeee; padding:0.5em; border-radius:0.25em; }

.contact-div { max-width:700px; margin:2em auto 1em auto; text-align:center; box-sizing:border-box; }


.logo-image-box {
  border:solid 1px #cccccc; 
  background-color:#dddddd;
  text-align: center;
  cursor: pointer;
  transition: background 2s linear;
}


/*  Striped rows for table */
table.zebra tr:nth-child(odd) { background: #ffffff; }
table.zebra tr:nth-child(even) { background: #f0f0f0; }

/* Data tables */
table.data1 th { font-family:Roboto; padding:0.5em; }
table.data1 td { font-family:Roboto_ML; padding:0.5em; }

th.col1, td.col1 { width:48%; }
th.col2, td.col2 { width:25%; }
th.col3, td.col3 { width:15%; }
th.col4, td.col4 { width:12%; }

/* Table with single pixel border */
table.line-border { border-collapse:collapse; }
table.line-border th { border:solid 1px #999999; background-color:#ffffff; padding:0.25em 0.5em; }
table.line-border td { border:solid 1px #999999; background-color:#ffffff; padding:0.25em 0.5em; vertical-align:top;}

table.wizard-progress { border-collapse:collapse; font-family:Montserrat_R; }
table.wizard-progress td { border:solid 1px #ffffff; background-color:#999999; color:#dddddd; padding:0.5em 0.25em; text-align:center; cursor:default; }
table.wizard-progress td.wiz-curr-step { background-color:#fa983a; color:#333333; }

.range-scroll-bar { margin-left:auto; margin-right:auto; border:0; }
.range-scroll { 
  height:2em;
  line-height:2em;
  background-color:#947CB0; 
  color:#ffffff;
  text-align:center;
  cursor: pointer;
  white-space:nowrap;
}
.range-scroll:hover {
  background-color:#AEA8D3;
}



.sort-arrow { cursor:ns-resize; display:none; }

div.blockout { position:fixed; z-index:1000; display:none; opacity:0.5; width:100%; height:100%; background-color:#000000; }

div.usermessage { position:absolute; z-index:1020; display:none; text-align:center; opacity:0.9; padding:1em; background-color:#ffffff; }

div.nonblockingmessage { position:absolute; z-index:1020; display:none; text-align:center; opacity:0.9; padding:1em; background-color:#f0f0f0; border:solid 1px #aaaaaa; }

div.transientmessage { position:absolute; z-index:1020; display:none; text-align:center; opacity:0.9; background-color:#eeeeee; border:solid 1px #999999; padding:1em; }

div.login-box {
  position:absolute;
  z-index:99;
  right:0;
  background-color:rgba(244, 244, 244, 0.9);
  border:solid 1px #eeeeee;
  padding:2%;
  top:0;
  display:none;
}

div.menu-box {
  position:fixed;
  z-index:100;
  width:200px;
  right:-200px;
  background-color:rgba(255, 255, 255, 0.9);
  border-width:0 0 0 1px;
  border-style:solid;
  border-color:#999999;
  box-sizing:border-box;
  padding:0;
  top:0;
  /*margin-top:30px;*/
}

div.welcome-wrapper {
  position:absolute;
  z-index:1000;
  overflow:hidden;
  width:100%;
  min-width:320px;
  text-align:center;
  display:none;
}

div.welcome-box {
  width:90%;
  background-color:rgba(255, 255, 255, 0.9);
  border:solid 1px #dddddd;
  border-radius:0.5em;
  margin:0.5em auto 0 auto;
  padding:0.5em;
  text-align:left;
}

div.alert-bar {
  position:fixed;
  z-index: 190;
  width: 100%;
  color:#333333;
}

div.alert-title {
  text-align: center;
  font-family: Montserrat_R;
}

div.alert-content {
  background-color: rgba(254, 211, 48, 0.95);
  width: 100%;
  box-sizing:border-box;
  display:none;
}

div.alert-block {
  padding: 1em 0.5em;
  border-bottom:solid 1px #e0c316;
}

div.alert-block:last-of-type {
  border-bottom:0;
}

div.alert-tab {
  text-align:center;
  background-color: rgba(254, 211, 48, 0.95);
  padding: 0.25em 0.5em;
  margin-left:auto;
  margin-right:auto;
  border-radius:0 0 0.5em 0.5em;
  cursor:pointer;
  width:4em;
  display:none;
}

div.alert-tab:hover {
  background-color: rgba(240, 198, 30, 0.9);
}



.new-subs {  }
.new-subs-bar { padding:0.5em 1em 0.5em 1em; cursor:pointer; color:#ffffff; box-sizing:border-box; }
.new-subs-bar:hover { background-color:#f06b58; }

div.settings-label { padding:1em; cursor:pointer; color:#ffffff; background-color:#778ca3; text-align:center; box-sizing:border-box; }
div.settings-label:hover { background-color:#44596e; }




.subs-status-bar {
  border-style:solid; 
  border-width:0; 
  border-color:#ee553b;
  color:#ffffff;
  overflow:hidden; 
  width:100%; 
  box-sizing:border-box;
  padding:0.25em 0.5em;
  text-align:center;
  font-family:Roboto;
}

.stripes-off {
  background-color:#ee553b;
}

.stripes-on {
  background-image: url("../img/diag_stripes.png");
}

.header-div {
  overflow:hidden; 
  width:100%; 
  box-sizing:border-box; 
  background-color:#ee553b;"
}

.subscribers-th { background-color:#ee553b; color:#ffffff; }

.selected-feed { 
  color:#ee553b; 
  background-color:#f8efba !important;
  border-style:solid;
  border-color:#ee553b;
  border-width: 1px 0 1px 0;
}

div.subscriber-detail {
  position:absolute;
  z-index:1010;
  overflow:hidden;
  width:90%;
  min-width:300px;
  background-color:#ffffff;
  border:0;
  border-radius:0.5em;
  margin-bottom:1em;
  box-sizing:border-box;
}

div.new-subscriber-detail {
  padding: 1.5em 0.5em 0.5em 0.5em;
  box-sizing:border-box;
}

textarea.text-box1 { 
  font-family: Montserrat;
  border:solid 1px #dddddd;
  color:#666666;
  padding:0.5em;
  resize:vertical;
  min-height:5em;
  box-sizing:border-box;
}

div.text-counter {
  position:absolute;
  z-index:3;
  text-align:center;
  padding:0.25em;
  background-color:#00B16A;
  color:#ffffff;
  opacity:0.5;
}
div.text-counter-over {
  background-color:#ff0000;
}

input.text-field1 {
  border:solid 1px #dddddd;
  font-family: Montserrat;
  color:#666666;
  padding:0.5em;
}

input.field-check-bg {
  background-image: url("../img/fieldcheckbg.png");
  background-position:center right; 
  background-repeat:no-repeat; 
  background-size:cover;
}

div.scroll-h-button {
  width:1.5em; 
  height:3em; 
  position:absolute; 
  z-index:1; 
  color:#ffffff; 
  background-color:rgba(0, 0, 0, 0.4);
  text-align:center; 
  padding:1em 0 1em 0; 
  box-sizing:border-box; 
  cursor:pointer;
}

div.scroll-v-button {
  width:3em; 
  height:1.5em; 
  position:absolute; 
  z-index:1; 
  color:#ffffff; 
  background-color:rgba(0, 0, 0, 0.4);
  text-align:center; 
  box-sizing:border-box; 
  cursor:pointer;
}

.rollover-brighten { cursor:pointer; }
.rollover-brighten:hover { filter: brightness(110%); }

.rollover-darken { cursor:pointer; }
.rollover-darken:hover { filter: brightness(97%); }

.rollover-fade { cursor:pointer; }
.rollover-fade:hover { opacity:0.6; }

.reset-link { line-height:1.5em; cursor:pointer; }
.reset-link:hover { color: #ee553b; }

.rounded-0 { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.rounded-3 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.rounded-5 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.rounded-6 { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.rounded-9 { border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; }
.rounded-_5em { border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; }
.rounded-_25em { border-radius:.25em; -moz-border-radius:.25em; -webkit-border-radius:.25em; }
.rounded-_125em { border-radius:.125em; -moz-border-radius:.125em; -webkit-border-radius:.125em; }

div.settings-detail {
  display:none;
}

.tou-sign {
  text-align:center;
  font-family:Montserrat_R;
}

.code-display {
  font-family:monospace;
  color:#333333;
  background-color:#f4f4f4;
  border:solid 1px #dddddd; 
  padding:0.5em; 
  font-size:0.8em; 
  resize:vertical;
  box-sizing: border-box;
  line-height:1.25em;
  overflow-wrap:break-word;
}

textarea.ta-box {
  font-family:monospace; 
  line-height:1.25em; 
  padding:0.5em; 
  background-color:#ddeeff; 
  width:100%; 
  overflow:hidden; 
  resize:none; 
  overflow-wrap:break-word; 
  box-sizing:border-box; 
  border:0;
}

/* Convert all text to uppercase */
.uppercase {
	text-transform: uppercase;
}
/* But not placeholder text in input fields */
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
    color:#999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
    color:#999999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
    color:#999999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
    color:#999999;
}



.standard-link {
	cursor:pointer;
	color:#3333ff;
}

.country-option {

}

.captcha-image { border:solid #999999 1px; box-sizing:content-box;}


/* Animated dots for loader */
@keyframes blink {
  0% { opacity: 0.2; } /* Min opacity at start */
  20% { opacity: 1; } /* Reach full opacity at 20% of cycle, then fade out */
  100% { opacity: 0.2; } /* Back to 0.2 opacity at 100%, then repeat */
}
.loading span {
  animation-name: blink;  /* Animation name "blink" defined above */
  animation-duration: 1.4s; /* Cycle time */
  animation-iteration-count: infinite; /* Repeat forever */
  animation-fill-mode: both; /* This makes sure starting style is applied before animation starts to avoid short flash at start */
}
.loading span:nth-child(2) {
  animation-delay: .2s; /* Starts animation of 2nd dot with 0.2s delay */
}
.loading span:nth-child(3) {
  animation-delay: .4s; /* Starts animation of 3rd dot with 0.4s delay */
}
.loading span { padding: 0.125em; }


table.graph {
  table-layout: fixed;
  border:solid 1px #947CB0;
  background-image: url("../img/graph_h_line_bg.png");
  background-size: contain;
  background-color:#fdf8ff;
}

table.graph td {
  vertical-align:bottom;
  text-align:center;
}

table.graph-hlabel {
  table-layout: fixed;
  border-bottom: solid 1px #947CB0;
}

table.graph-hlabel td {
  text-align:center;
  border-right:solid 1px #947CB0;
  padding:0.25em 0 0.25em 0;
}

div.graph-bars {
  width:96%; 
  background-color:rgba(148, 124, 176, 0.5);
  margin:0 auto 0 auto;
  text-align:center;
  vertical-align:top;
  color:#000000;
}


table.one-pixel-borders {
  border:solid 1px #5C97BF;
  border-collapse: collapse;
}

table.one-pixel-borders th {
  border: solid 1px #5C97BF;
  padding: 0.5em;
  background-color: #5C97BF;
  color: #ffffff;
}

table.one-pixel-borders td {
  border:solid 1px #5C97BF;
  padding:0.5em;
}

table.message-info-table tr td:nth-child(odd) {
  text-align:left;
}
table.message-info-table tr td:nth-child(even) {
  text-align:right;
}

.cell-expand-0 { display:none; position:absolute; z-index:20; width:0; height:0; border: solid 1px #5C97BF; background-color:#f4f4f4; padding:0.5em; }


.grab-cursor {
  cursor: -webkit-grab;
}
.grab-cursor:active {
  cursor: -webkit-grabbing;
}

@-moz-document url-prefix() {
  .grab-cursor {
    cursor: grab;
  }
  .grab-cursor:active {
    cursor: grabbing;
  }
}

.disabled { cursor:default; opacity:0.5; }
.enabled { cursor:pointer; }
.enabled:hover { opacity:0.75; }



/* Phones < 480 px wide */
@media screen and (max-width:479px) {
  .top-header { height:30px; }
  .top-header-text { font-size:.8em; padding:.5em 1em;}
  .img-50 {width:25px; height:25px;}
  .margin-25 { margin:0.125em;}
  .menu-list {display:none !important;}
  .menu-link { font-size:0.75em; }
  .small-screen-only { font-size:0.75em; }
  .splash-div { background-image:url("../img/splash_480s.jpg"); height:260px; margin-top:30px; }
  .feature-text { font-size:1.6em; }
  .feature-subtext { font-size:.7em; margin-left:.15em; line-height:1.8em; }
  .captcha-image { width:80px; height:20px; }
  .text-scale1 { font-size:1em; }
  .text-scale2 { font-size:0.8em; }
  .text-scale3 { font-size:0.5em; }
  .page-content, .page-content2, .page-content3 { padding:0.25em; }
  .subtext { font-size:0.6em; }
  .fine-print { font-size: 0.6em; line-height: 1.2; }
  .fold2l1 { width:95%;}
  .fold2r1 { width:95%;}
  .fold2l { width:100%; }
  .fold2r { width:100%; }
  .fold4 { width:100%; }
  .fold4a { width:90%; }
  .app-store-badge { width:108px; height:30px; }
  .image-scale1 {  width:140px; height:280px; }
  .title { font-size:1.5em; }
  .sub-title { font-size:1.25em; }
  .demo-img { width:71px; height:120px; }
  .header-margin { margin-top:30px; } /*30*/
  .data1 { font-size:0.25em; width:140%; }
  .data-div { overflow:hidden; }
  .header-div { padding-right: 0; }
  .stripe-scale { background-size: 40px 40px;}
  table.graph { height:150px; }
  .graph-bars { font-size:0.25em; }
  div.messageboxsize {  width:200px; min-height:60px; }
  .footer { height:30px; }
  li.footer-menu-item { margin:0 0.5em 0 0.5em; }
  .logo-image-box { width:150px; height:150px; background-size:150px 150px; }
  .dropdown-stack-item {  font-size:0.6em; padding:0.3em; }
}

/* Phone landscape and tablet 480 - 799 px wide */
@media screen and (min-width:480px) and (max-width:799px) {
  .top-header { height:48px; }
  .top-header-text { font-size:1.0em; padding:.6em 1.2em; }
  .img-50 {width:40px; height:40px;}
  .margin-25 { margin:0.2em;}
  .menu-icon {display:none !important;}
  .menu-box {display:none !important;}
  .menu-item-left, .menu-item-right { margin-top:0.9em; }
  .menu-link { font-size:0.75em; }
  .small-screen-only { display:none !important; }
  .splash-div { background-image:url("../img/splash_800s.jpg"); height:320px; margin-top:48px; }
  .feature-text { font-size:2.5em; }
  .feature-subtext { font-size:1em; margin-left:.15em; line-height:1.8em; }
  .captcha-image { width:96px; height:24px; }
  .text-scale1 { font-size:1.25em; }
  .text-scale2 { font-size:1em; }
  .text-scale3 { font-size:0.75em; }
  .page-content, .page-content2, .page-content3 { padding:0.5em; }
  .subtext { font-size:0.7em; }
  .fine-print { font-size: 0.6em; line-height: 1.2; }
  .fold2l1 { width:95%; }
  .fold2r1 { width:95%; }
  .fold2l { width:60% }
  .fold2r { width:39%; }
  .fold4 { width:50%; }
  .fold4a { width:48%; }
  .app-store-badge { width:135px; height:40px; }
  .image-scale1 {  width:150px; height:300px; }
  .title { font-size:2em; }
  .sub-title { font-size:1.5em; }
	.demo-img { width:89px; height:150px; }
  .header-margin { margin-top:48px; } /*48*/
  .data1 { font-size:0.5em; width:100%; }
  .scroll-h-button { display:none; }
  .data-div { overflow:hidden; }
  .header-div { padding-right: 0; }
  .stripe-scale { background-size: 60px 60px;}
  table.graph { height:200px; }
  .graph-bars { font-size:0.5em; }
  div.messageboxsize {  width:240px; min-height:80px; }
  .footer { height:40px; }
  li.footer-menu-item { margin:0 1em 0 1em; }
  .logo-image-box { width:175px; height:175px; background-size:175px 175px; }
  .dropdown-stack-item {  font-size:0.8em; padding:0.4em; }
}

/* Medium screen 800 - 1023 px wide */
@media screen and (min-width:800px) and (max-width:1023px) {
  .top-header { height:60px; }
  .top-header-text { font-size:1.2em; padding:.75em 1.5em; }
  .img-50 {width:50px; height:50px;}
  .margin-25 { margin:0.25em;}
  .menu-icon {display:none !important;}
  .menu-box {display:none !important;}
  .menu-item-left, .menu-item-right { margin-top:1.3em; }
  .menu-link { font-size:1em; }
  .small-screen-only { display:none !important; }
  .splash-div { background-image:url("../img/splash_1200s.jpg"); height:450px; margin-top:60px; }
  .feature-text { font-size:4em; }
  .feature-subtext { font-size:1.75em; margin-left:.15em; line-height:1.8em; }
  .captcha-image { width:120px; height:30px; }
  .text-scale1 { font-size:1.5em; }
  .text-scale2 { font-size:1.25em; }
  .text-scale3 { font-size:1em; }
  .page-content, .page-content2, .page-content3 { padding:0.75em; }
  .subtext { font-size:0.8em; }
  .fine-print { font-size: 0.7em; line-height: 1.2; }
  .fold2l1 { width:44%; }
  .fold2r1 { width:43%; }
  .fold2l { width:70% }
  .fold2r { width:30%; }
  .fold4 { width:25%; }
  .fold4a { width:24%; }
  .app-store-badge { width:162px; height:48px; }
  .image-scale1 {  width:200px; height:400px; }
  .title { font-size:2.5em; }
  .sub-title { font-size:1.75em; }
  .demo-img { width:102px; height:172px; }
  .header-margin { margin-top:60px; } /*60*/
  .data1 { font-size:0.75em; width:100%; }
  .scroll-h-button { display:none; }
  .scroll-v-button { display:none; }
  .data-div { overflow-x:hidden; overflow-y:auto; }
  .header-div { padding-right: 15px; }
  .stripe-scale { background-size: 80px 80px;}
  table.graph { height:300px; }
  .graph-bars { font-size:0.6em; }
  div.messageboxsize {  width:300px; min-height:100px; }
  .footer { height:45px; }
  li.footer-menu-item { margin:0 2em 0 2em; }
  .logo-image-box { width:200px; height:200px; background-size:200px 200px; }
  .dropdown-stack-item {  font-size:0.9em; padding:0.45em; }
}

/* Wide screen >= 1024 px wide */
@media screen and (min-width:1024px) {
  .top-header { height:60px; }
  .top-header-text { font-size:1.2em; padding:.75em 1.5em; }
  .img-50 {width:50px; height:50px;}
  .margin-25 { margin:0.25em;}
  .menu-icon {display:none !important;}
  .menu-box {display:none !important;}
  .menu-item-left, .menu-item-right { margin-top:1.3em; }
  .menu-link { font-size:1.25em; }
  .small-screen-only { display:none !important; }
  .splash-div { background-image:url("../img/splash_1200s.jpg"); height:450px; margin-top:60px; }
  .feature-text { font-size:4em; }
  .feature-subtext { font-size:1.75em; margin-left:.15em; line-height:1.8em; }
  .captcha-image { width:160px; height:40px; }
  .text-scale1 { font-size:2em; }
  .text-scale2 { font-size:1.5em; }
  .text-scale3 { font-size:1.25em; }
  .page-content, .page-content2, .page-content3 { padding:1em; }
  .subtext { font-size:0.8em; line-height:0.8em; }
  .fine-print { font-size: 0.8em; line-height: 1.2;}
  .fold2l1 { width:44%; }
  .fold2r1 { width:43%; }
  .fold2l { width:70% }
  .fold2r { width:30%; }
  .fold4 { width:25%; }
  .fold4a { width:24%; }
  .app-store-badge { width:162px; height:48px; }
  .image-scale1 {  width:200px; height:400px; }
  .title { font-size:3em; }
  .sub-title { font-size:2.25em; }
  .demo-img { width:102px; height:172px; }
  .header-margin { margin-top:60px; } /*60*/
  .data1 { font-size:1em; width:100%; }
  .scroll-h-button { display:none; }
  .scroll-v-button { display:none; }
  .data-div { overflow-x:hidden; overflow-y:auto; }
  .header-div { padding-right: 15px; }
  .stripe-scale { background-size: 100px 100px;}
  table.graph { height:400px; }
  .graph-bars { font-size:0.75em; }
  div.messageboxsize {  width:400px; min-height:120px; }
  .footer { height:50px; }
  li.footer-menu-item { margin:0 3em 0 3em; }
  .logo-image-box { width:200px; height:200px; background-size:200px 200px; }
  .dropdown-stack-item {  font-size:1em; padding:0.5em; }
}