body > div, body > table, body > img {
  display: block;
  margin: 0px auto;
}

body {
  margin: 150px auto !important;
  max-width:1024px;
}


/* margin and padding have to be the same
   as body margin values to match style */
.encp-layout-editor-note-content > #en-note
{
  margin-left: 150px;
  margin-right: 150px;
}

div.encp-layout-editor-note-content
{
  padding-bottom: 150px;
}

.encp-layout-editor-note-content
{
  background-color: white;
}

div#en-note {
  position: relative;
}

html[encp-content-class="evernote.hello.encounter.2"] > body {
  margin-top: 0px !important;
}

html[encp-content-class="evernote.food.meal.2"] > body,
html[encp-content-class="evernote.food.meal"] > body {
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space;
}

img {
  max-width: 100%;
  height: auto !important;
}

div.encp-note-title {
  /*  CP-1024 - Allow title to be visible within weird notes which overlay entire view */
  background-color: white;
  position: relative;
  z-index: 1000;
}

div.encp-note-title > div.encp-title-container > h1.title,
html[encp-source="Clearly"] h1 {
   /* use pixels instead of rem, as rem doesn't work with zoom */
  font-size: 45px !important;
  line-height: 120%;
}

a, a:visited, a:active {
  background-color: inherit;
  color:rgb(0, 144, 244) !important;
  cursor: pointer;
  -webkit-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, text-decoration 250ms ease-in-out;
}

a:hover, a:focus {
  color:white !important;
  background-color: rgb(0, 144, 244) !important;
  text-decoration: none;
  -webkit-transition: background-color 250ms ease-in-out, color 250ms ease-in-out, text-decoration 250ms ease-in-out;
}