/* hjyotish.css */

body {
	/* Use a sans-serif font by default, instead of Times. */
	font-family: Arial, Helvetica, sans-serif;
}

.table0 {
	border-width: 1px
	border-collapse: collapse;
}

td {
	text-align: left;
	vertical-align: middle;
}

.aboutTable {
	border-color: #444444;
    border-width: 1px; 
	border-style: solid;
    border-collapse: collapse;
}

.aboutData {
	vertical-align: top;
	border-color: #444444;
    border-width: 1px; 
	border-style: solid;
	padding: 1px 4px 1px 4px;
}

.aiTable {
	border-color: #444444;
    border-width: 1px; 
	border-style: solid;
    border-collapse: collapse;
}

.aiTd {
	vertical-align: top;
	border-color: #444444;
    border-width: 1px; 
	border-style: solid;
	padding: 1px 4px 1px 4px;
}

.conditionCodeKeyTable {
	border-color: #444444;
    border-width: 1px; 
	border-style: solid;
    border-collapse: collapse;
}

.conditionCodeKeyHeader {
	font-weight: bold;
	text-align: center;
}

.cckd { /* condition code key data */
	vertical-align: top;
    text-align: center;
	font-weight: bold;
}

.tdLabel {
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.tdInput {
}

.tdNotes {
	font-size: 80%;
}

.centerTitle {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #666666;
}

.greyTitle {
	font-size: 150%;
	font-weight: bold;
	color: #666666;
}

.small {
	font-size: 80%;
}

.smallest {
	font-size: 60%;
}

.copyright {
	font-size: 60%;
	color: #444444;
}

.leftBottom {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #666666
}

.h1Title {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.button {
	font-size: 120%;
	font-weight: bold;
	border: 1px outset #404040;
	border-radius: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 4px 4px 4px #a0a0a0;
	background-color: #a0ffa0;
}

.grayButton {
	font-weight: bold;
	border: 1px outset #404040;
	border-radius: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 4px 4px 4px #a0a0a0;
}

.error {
	font-weight: bold;
	color: #ff0000;
}

.outTdLabel {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.outTdLabelL {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.outTdLabelC {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.outTdDataR {
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.outTdDataC {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.outTdData {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.tdL {
	text-align: left;
	white-space: nowrap;
}

.tdR {
	text-align: right;
	white-space: nowrap;
}

.tdC {
	text-align: center;
	white-space: nowrap;
}

.thC {
	text-align: center;
	white-space: nowrap;
}

.thR {
	text-align: right;
	white-space: nowrap;
}

/* The following are used only with SVG. */

.chartLine {
	stroke: #808080;
	stroke-width : 1;
/*	shape-rendering:crispEdges; */
}

.chartNorthLabel {
	font-weight: bold;
	color: black;
	text-align: center;
}

.chartSouthLabel {
	font-weight: bold;
	color: black;
}

.chartNorthSign{
	font-weight: bold;
	fill: black;
}

.chartSouthHouseSign {
	font-weight: bold;
	fill: black;
}

.chartPlanet {
	font-weight: bold;
	fill: black;
}

.chartGlyphPlanet {
	font-size: 200%;
}

.chartPlain {
	fill: black;
}

.chartPlanetAngle {
	fill: black;
}

.chartAspect {
	font-weight: plain;
	font-style: italic;
	/* 50% grey */
	fill: #808080;
}

.chartAspectAngle {
	fill: #808080;
}

.chartTransit {
	font-weight: bold;
	/* purple */
	fill: #ff00ff;
}

.chartTransitAngle {
	fill: #ff00ff;
}

.chartTransitAspect {
	font-weight: bold;
	/* 50% purple */
	fill: #800080;
}

.chartTransitAspectAngle {
	fill: #800080;
}

/* Dashas */
.dashaTable {
    border-width: 1px; 
	border-style: solid;
    border-collapse: collapse;
}

.dashaHeader {
    border-width: 1px;
	border-style: solid;
	text-align: center;
	padding: 1px 4px 1px 4px;
}

.dashaData {
	padding: 1px 4px 1px 4px;
	vertical-align: top;
}

.dashaDataC {
	padding: 1px 4px 1px 4px;
	text-align: center;
	vertical-align: top;
}

.dashaDataR {
	padding: 1px 4px 1px 4px;
	text-align: right;
	vertical-align: top;
}

.blueItalicLink {
	text-decoration: none;
	font-style: italic;
	color: blue;
	fill:  blue;
}

.blueLink {
	text-decoration: none;
	color: blue;
	fill:  blue;
}

.blackLink {
	text-decoration: none;
	color: black;
	fill:  black;
}

@media print {
	/* Hide the menu when printing. */
	#hjMenu {
		visibility: hidden;
		display:    none;
	}
}