@import url('https://fonts.googleapis.com/css?family=Lora|Kaushan Script|Alex Brush');

body {
  font-family: Lora;

  margin: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 8px;
}

input,textarea {
  font-family: Lora;
  font-size: 0.75em;
}

/* Master Styles */
h1 {
  font-family: Alex Brush;
  color: #080;
  font-size: 2.5em;
  margin: 5px;
}
h2 {
  font-family: Alex Brush;
  color: #060;
  font-size: 2em;
  font-weight: lighter;
  margin: 5px;
}
h3 {
  font-family: Alex Brush;
  color: #060;
  font-size: 1.25em;
  font-weight: lighter;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

a {
  color: rgb(0, 96, 0);
}

a:visited {
  color: rgb(0, 64, 0);
}






.innerHtmlContainer {
  height: 100%;
  width: 100%;
  overflow: auto;
}


/**
 * NG overrides
 */
.ui-carousel-header {
  height: 0px;
  padding: 0px !important;
}

@media only screen and (min-width: 480px) {
  body {
    font-size: 12px;
  }
}

@media only screen and (min-width: 960px) {
  body {
    font-size: 16px;
  }
}

/**
 * Common & generic styles
 **/
.leftPadding.container {
  width: calc(50% - 5px);
  height: 100%;
  display: inline-block;
  overflow: hidden;
}

.rightPadding.container {
  width: calc(50% - 5px);
  height: 100%;
  display: inline-block;
  text-align: right;
  overflow: hidden;
}

.literature.table {
  border: 2px solid black;
}

.literature.table tr td {
  border: 1px solid black;
}

.chronicle.table {
  border: 2px solid black;
}

.chronicle.table tr td {
  border: 1px solid black;
}