/*
// Copyright (c) Thomas Ule, 2003-2020. All rights reserved
// 
// Mond (grey); Last Update: 13.08.2020
*/

body {
font-family : Arial,Helvetica,Verdana;
font-size:12px;
font-weight:normal;
text-decoration:none;
background-color: #1723f0;
margin-left:-4px;
margin-top:0px;
}


a:link 	{ text-decoration: underline; cursor: pointer; color: #FFFB17;}
a:hover 	{ text-decoration: underline; cursor: pointer; color: red; }

a:visited 	{ cursor: pointer; color: #DDDD00;}
a:visited:hover { text-decoration: underline; color:#FFFBFF;} /*F24704;}*/

a.tip:hover{color: yellow; cursor: help;}

P.foot{font-size:8pt;}

IMG { border-width: 0; border-style: none; margin-top:10px;}
IMG.logo { border-width: 0; border-style: none; margin-bottom:10px;margin-top:0px;}
IMG.m { border-width:0px; border-style: none; margin-left:0px; margin-right:0px;margin-bottom:0px;
	margin-top:-0px;}
IMG.icon { border-width: 0; border-style: none; margin:0px 10px 0px 0px;}
IMG.sub { border-width: 0; border-style: none; margin-top:10px; margin-left:10px; }

.menu img{
	border-width: 0; border-style: none; margin-top:3px;border-radius: 5px;
}
.combo {background-color: #1723f0; color: #FFFB17; border-style: ridge; margin: 0px;}
.combo:hover{cursor: pointer;}

TD.menu {
	width:109px;
	background-color: #CECED6;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	border-right-color: #000000;
	border-right-width: 1px;
	border-right-style:ridge;
	}
TD.nav {
	width:109px;
	height:70px;
	background-color: #CECED6;
	text-align: center;
	vertical-align:bottom;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: ridge;
	border-bottom-color: black;
	border-bottom-width: 1px;
	border-bottom-style:ridge;
	}
TD.space {
	width:10px;
	}
TD.bt{ padding-top: 5px;}

TR.bold {font-weight: bold;
			background-color: #0909e1 }

H2 {
text-align: center;
font-size: 11pt;
font-weight: bold;
font-style: normal;
color: #FFFB17;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}
H2.left {
text-align: left;
font-size: 11pt;
font-weight: bold;
font-style: normal;
color: #FFFB17;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px; 
}
H4 {
font-size: 12pt;
font-weight: bold;
font-style: normal;
color: #0f0f0f;
font-family: Arial, Helvetica, sans-serif;
}
H6 {
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
h3,h4,h5,h6 { margin-top:0.1cm; }

.bold {
font-weight:600;
}

Table.moonbox {
background-color:#1723f0;
text-align:right;
width: 180px;
color: #FFFB17;
font-size:10px;
}	
Table.time{
background-color:#1723f0;
width: 400px;
color: #FFFB17;
font-size:12px;
font-weight: 500;
letter-spacing:0.1em;
margin-top: 20px;
margin-left: -3px;
margin-bottom:10px;
}
td.time {width: 140px;}

Table.moon1{
background-color:#1723f0;
width: 380px;
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-bottom:10px;
}	
Table.moon2{
background-color:#1723f0;
width: 230px;
color: #FFFB17;
font-size:12px;
margin-top: 0px;
margin-left: 0px;
margin-bottom:10px;
}	
Table.moon3{
background-color:#1723f0;
width: 330px;
color: #FFFB17;
font-size:12px;
margin-top: 0px;
margin-left: 0px;
margin-bottom:30px;
}
Table.eclipse{
background-color:#1723f0;
width: 320px;
color: #FFFB17;
font-size:13px;
margin: 10px 0px 10px -3px;
}
Table.duration{
background-color:#1723f0;
width: 150px;
color: #FFFB17;
font-size:13px;
margin: 20px 0px 10px 40px;
}

Table.magnitude{
background-color:#1723f0;
width: 213px;
color: #FFFB17;
font-size:13px;
margin-left: -3px;
}
Table.geo{
background-color:#1723f0;
width: 300px;
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-left: -3px;
margin-bottom:10px;
}
.geo tr{ vertical-align: bottom;}

Table.dist{
background-color:#1723f0;
width: 380px;
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-left: -3px;
margin-bottom:10px;
}

Table.umbra{
background-color:#1723f0;
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-left: -3px;
margin-bottom:10px;
}
.umbra td {
	padding-top: 0px;
	padding-bottom: 0px;
}
table.saros{
background-color:#1723f0;
/*width: 500px;*/
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-left: -3px;
margin-bottom:10px;
}
.saros td{ text-align: right;}
.saros .nr {width: 20px;}
.saros .date {width: 100px;}
.saros .JD {width: 95px;}
.saros .dT {width: 50px;}
.saros .type {width: 90px;}
.saros .space {width: 20px;}
.dspace {width: 20px;}
.saros .bf {width: 160px;}
.saros .bt {width: 100px;}
.saros .center {text-align: center}
.saros .right {text-align: right}

table tr.odd{
    background-color: #0033cc;
    text-align: left;
}

table tr.even {
    background-color: #1703dc;
    text-align: left;
}

table.week{
background-color:#1723f0;
width: 300px;
color: #FFFB17;
font-size:12px;
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
margin-bottom:15px;
}

Table.loc{
background-color:#1723f0;
width: 435px;
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-left: 0px;
margin-bottom:0px;
}	

Table.loc1{
background-color:#1723f0;
width: 485px;
color: #FFFB17;
font-size:13px;
margin-top: 15px;
margin-left: 0px;
margin-bottom:0px;
}

Table.RTS{
background-color:#1723f0;
width: 240px;
color: #FFFB17;
font-size:13px;
margin-top: 0px;
margin-left: 0px;
margin-bottom:10px;
}	

Table.RTS1{
background-color:#1723f0;
width: 520px;
color: #FFFB17;
font-size:13px;
margin-top: 20px;
margin-left: 0px;
margin-bottom:10px;
}
.RTS1 td{
	text-align: center;
}
TABLE.page{
position:absolute;
border-width: 0px;
border-spacing: 0px;
border-style:solid;
border-collapse: collapse;
width: 920px;
color: #FFFB17;
font-size:13px;
margin: 0px 0px 0px 0px;
}

TABLE.pagesaros{
position:absolute;
border-width: 0px;
border-spacing: 0px;
border-style:solid;
border-collapse: collapse;
width: 1000px;
color: #FFFB17;
font-size:13px;
margin: 0px 0px 0px 0px;
}
input.button {
	color: #ffffff;
	background-color: #999999;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 3px;
	width: 80px;
	height: 20px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border-radius: 5px;
}
input.button:hover{
	color: #999999;
	background-color: #ffffff;
}

input.search {
	color: #ffffff;
	background-color: #FDFAE7;
	font-family: Tahoma;
	font-weight: normal;
	
	text-align: left;
	margin-top:10px;
	width: 90px;
	padding: 0 0 0 2px;
}