﻿body {
  padding-top: 50px;
  padding-bottom: 20px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(249, 249, 249, 0.8);
}
a:hover {
  text-decoration: none;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0;
  }
}
/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
  white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 500px;
}
.full-width-input {
  width: 100%;
  max-width: none;
}
.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.modal-content {
  height: 100%;
  border-radius: 0;
  overflow: auto;
}
input[type="radio"][name="Planet1Name"],
input[type="radio"][name="Planet2Name"],
input[type="radio"][name="Aspect"] {
  display: none;
}
input[type="radio"][name="Planet1Name"] + span,
input[type="radio"][name="Planet2Name"] + span,
input[type="radio"][name="Aspect"] + span {
  padding: 10px;
  padding-bottom: 0;
  width: 40px;
  height: 40px;
}
input[type="radio"][name="Planet1Name"] + span label,
input[type="radio"][name="Planet2Name"] + span label,
input[type="radio"][name="Aspect"] + span label {
  cursor: pointer;
}
.meaning-type {
  margin: 0 12px;
}
@media (max-width: 800px) {
  #AstrologyDualWheelIframe {
    width: 600px;
    height: 600px;
  }
}
@media (max-width: 600px) {
  #AstrologyDualWheelIframe {
    width: 500px;
    height: 500px;
  }
}
@media (max-width: 393px) {
  #AstrologyDualWheelIframe {
    width: 355px;
    height: 355px;
  }
}
@media (max-width: 330px) {
  #AstrologyDualWheelIframe {
    width: 315px;
    height: 315px;
  }
}
.meaning-form .form-group {
  margin-bottom: 4px;
}
#table-charts {
  border: 1px solid #000;
}
@media (max-width: 500px) {
  #table-charts {
    font-size: 10px;
  }
  #table-charts .btn {
    font-size: 10px;
    padding: 4px 10px;
    white-space: normal;
  }
}
#table-charts tfoot th input {
  width: 100%;
}
#table-home-aspects.dataTable tbody td,
#table-dualwheel-chart.dataTable tbody td,
#table-aspects-birth-chart.dataTable tbody td,
#table-aspects-transit-chart.dataTable tbody td,
#table-meaning-index.dataTable tbody td,
#table-lasted-edited-meanings.dataTable tbody td,
#table-celebrity-charts.dataTable tbody td,
#table-places.dataTable tbody td {
  cursor: pointer;
}
@media (max-width: 500px) {
  #table-meaning-index,
  #table-dualwheel-chart,
  #table-home-aspects {
    font-size: 10px;
  }
}
#table-meaning-index tfoot th input,
#table-dualwheel-chart tfoot th input,
#table-home-aspects tfoot th input {
  width: 100%;
}
@media (max-width: 500px) {
  #table-dualwheel-chart td.aspects-column {
    zoom: .8;
  }
}
@media (max-width: 500px) {
  #table-home-aspects td.aspects-column {
    zoom: .6;
  }
}
.aspect-meaning h4 {
  font-size: 20px;
}
@media (max-width: 767px) {
  .aspect-meaning h4 {
    font-size: 16px;
  }
}
.aspect-meaning h4 a {
  display: block;
  padding-top: 6px;
}
.aspect-meaning h4 a:hover,
.aspect-meaning h4 a:focus {
  text-decoration: none;
}
.field-validation-error {
  color: crimson;
}
#top-ad,
#top-ad-mod {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background: #aaa;
}
#chartData dt,
.chartData dt {
  color: black;
  width: 120px;
  float: left;
  text-align: right;
}
#chartData dd,
.chartData dd {
  margin-left: 128px;
}
#meaningTimeperiod {
  margin-top: 10px;
}
.modal-body dt {
  color: black;
  width: 160px;
  float: left;
  text-align: right;
}
.modal-body dd {
  margin-left: 170px;
}
.red {
  color: crimson;
}
#NatalChart .row,
#TransitChart .row {
  margin-left: 0;
  margin-right: 0;
}
#table-aspects-birth-chart_wrapper,
#table-aspects-transit-chart_wrapper {
  font-size: 12px;
}
#table-aspects-birth-chart,
#table-aspects-transit-chart {
  background: rgba(255, 255, 255, 0.8) !important;
  position: relative;
  z-index: 100;
  text-align: left;
  /*width:75px;*/
  font-size: 10px;
  margin: 0;
}
#table-aspects-birth-chart tr.selected,
#table-aspects-transit-chart tr.selected {
  background: rgba(255, 106, 0, 0.3);
}
#table-aspects-birth-chart .pName-column,
#table-aspects-transit-chart .pName-column {
  display: table-cell;
}
#table-aspects-birth-chart th,
#table-aspects-transit-chart th {
  font-size: 10px;
}
#table-aspects-birth-chart td,
#table-aspects-transit-chart td {
  padding: 0 !important;
  vertical-align: middle;
}
#table-aspects-birth-chart .representation-table table,
#table-aspects-transit-chart .representation-table table,
#table-aspects-birth-chart .representation-table th,
#table-aspects-transit-chart .representation-table th,
#table-aspects-birth-chart .representation-table td,
#table-aspects-transit-chart .representation-table td {
  border: 1px solid #dedede;
}
#table-aspects-birth-chart .representation-table th,
#table-aspects-transit-chart .representation-table th {
  background: #aaa;
}
.conjunct,
.semi-sextile,
.semisextile,
.sextile,
.square,
.trine,
.inconjunct,
.opposition {
  display: inline-block;
  position: relative;
  top: -3px;
  width: 15px;
  height: 15px;
  background: transparent url('data:image/png;base64,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') /*images/aspects-sprite-15.png*/ no-repeat;
  margin: 0 2px;
}
.conjunct {
  background-position: 0    0;
}
.semi-sextile {
  background-position: -15px 0;
}
.semisextile {
  background-position: -15px 0;
}
.sextile {
  background-position: -30px 0;
}
.square {
  background-position: -45px 0;
}
.trine {
  background-position: -60px 0;
}
.inconjunct {
  background-position: -75px 0;
}
.opposition {
  background-position: -90px 0;
}
.sun,
.moon,
.mercury,
.venus,
.mars,
.jupiter,
.saturn,
.chiron,
.uranus,
.neptune,
.pluto,
.northnode,
.southnode,
.lilith,
.partoffortune {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: transparent url(/content/images/planets-sprite-15.png) no-repeat;
}
.sun {
  background-position: 0    0;
}
.moon {
  background-position: -15px 0;
}
.mercury {
  background-position: -30px 0;
}
.venus {
  background-position: -45px 0;
}
.mars {
  background-position: -60px 0;
}
.jupiter {
  background-position: -75px 0;
}
.saturn {
  background-position: -90px 0;
}
.chiron {
  background-position: -105px 0;
}
.uranus {
  background-position: -120px 0;
}
.neptune {
  background-position: -135px 0;
}
.pluto {
  background-position: -150px 0;
}
.northnode {
  background-position: -165px 0;
}
.southnode {
  background-position: -180px 0;
}
.partoffortune {
  background-position: -195px 0;
}
.earth {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url(/Content/images/earth-20.png) no-repeat;
}
.aries,
.taurus,
.gemini,
.cancer,
.leo,
.virgo,
.libra,
.scorpio,
.sagittarius,
.capricorn,
.aquarius,
.pisces {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: transparent url(/Content/images/signs-sprite-15.png) no-repeat;
}
.aries {
  background-position: 0    0;
}
.taurus {
  background-position: -15px 0;
}
.gemini {
  background-position: -30px 0;
}
.cancer {
  background-position: -45px 0;
}
.leo {
  background-position: -60px 0;
}
.virgo {
  background-position: -75px 0;
}
.libra {
  background-position: -90px 0;
}
.scorpio {
  background-position: -105px 0;
}
.sagittarius {
  background-position: -120px 0;
}
.capricorn {
  background-position: -135px 0;
}
.aquarius {
  background-position: -150px 0;
}
.pisces {
  background-position: -165px 0;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 4px 10px !important;
}
#meaningsContainer table td {
  padding: 8px;
  text-align: justify;
  line-height: 1.6;
  font-family: Arial, Cambria, Cochin, Georgia, Times, Times New Roman, serif;
  font-size: 16px;
}
.zoom-icons-half {
  zoom: .5;
}
.zoom-icons-75-percent {
  zoom: .75;
}