.aspect {
	display: inline-block;
	color: #999;
	visibility: hidden;
}

body, table, input {
	font-family:arial;
	font-size:14px; 
	color: #333;
}
td.help {
	width:150px;
	font: 10px/12px Verdana, Geneva, sans-serif;
	color: #ccc;
}

.chartDiv {
	position: relative;
	background: url(https://chart.astrologika.online/img/chart-bg.png) center no-repeat;
	#background: url(https://chart.astrologika.online/img/chart-bg.gif) center no-repeat;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	_border: 1px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#777777, strength=3);
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	cursor: pointer;
}
.chartDiv .background {
	display: none;
}
.chartLineDiv {
	position: absolute;
	background-image: url(https://chart.astrologika.online/img/chart-bg.png);
	#background-image: url(https://chart.astrologika.online/img/chart-bg.gif);
	background-repeat: no-repeat;
}
.houseNumberDiv {
	position: absolute;
	text-align: center;
}
.houseDiv {
	position: absolute;
	text-align: center;
}


.red-button {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.red-button:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.red-button:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
          box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.red-button.disabled, .red-button:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.red-button:active, .red-button.active,
.show > .red-button.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}

#result {
	position: absolute;
}
#result table {
	border: 1px solid #333;
	font: 12px/14px Verdana, Geneva, sans-serif;
}
#result table tr  {
	background-color: #FFF;
}
#result table tr.active, #result table tr:hover {
	background-color: #FFC;
}

#login {
	top: 20px;
	z-index: 10000;
}
#green {
	background-color: #3C0;
}
#charts {
	top: 160px;
	z-index: 9000;
}

#charts #chartList table {
	border: 0;
	font: 14px/16px Verdana, Geneva, sans-serif;
}

#blue {
	background-color: #09F;
}
.invalidField {
	border: 2px solid red;
}

.top-panel {
	position: fixed;
	_position:absolute;
	left: 0px;
	top: 0px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	_border: 1px solid #ccc;
	visibility: hidden;
	background-color: #EEE;
}
.top-panel td {
	font: 12px Verdana, Geneva, sans-serif;
	
}
.top-panel td input{
	font: 12px Verdana, Geneva, sans-serif;
}