@charset "utf-8" 


.bsIE
	{
	background-image:url('../../logos/compatible_ie.gif');
	}
.bsEdge
	{
	background-image:url('../../logos/compatible_edge.gif');
	}
.bsFirefox
	{
	background-image:url('../../logos/compatible_firefox.gif');
	}
.bsChrome
	{
	background-image:url('../../logos/compatible_chrome.gif');
	}
.bsSafari
	{
	background-image:url('../../logos/compatible_safari.gif');
	}
.bsOpera
	{
	background-image:url('../../logos/compatible_opera.gif');
	}
	
.bsIE, .bsEdge, 
.bsFirefox, 
.bsChrome, 
.bsSafari, 
.bsOpera
{
	width: 28px; 
	height: 30px; 
	background-repeat: no-repeat;
	background-position: center, center ; 
}

browserref tr {
	text-align: center ; 
}

#precval {
	width: 300px; 
}

/*
var x = document.getElementsByTagName("STYLE"); 
*/
/*
.worldMapBgnd {
	background-image: 
	url("../../bluemarble/earth-monthly-25pct/world_topo_bathy_200412_3x2048x1024.jpg") ;
}
*/

.worldMap, .worldMapGrid, .worldMapBgnd, .worldMapCanvas {
	background-size: 512px, 256px ; 
	width: 512px ; 
	height: 256px ; 
}

/* 02 Aug. 2016 - Colors for specific lines or points */
/* From celestial_lines_canvas.js Globals */

/* Equatorial coordinates (RtAsc & Decl) */
/*
From color picker: 
#bbfa00
rgb(187, 250, 0)
hsl(75, 100%, 49%)
*/
.cRD, .equatorial {
	background-color: "#8f9" ;  
}
.cRDlbl, .equatoriallbl {
	color: "#8f9" ;  
}
/* Ecliptic coordinates (Celestial Lon & Lat) */
.cLL, .ecliptic {
	background-color: "#ff0" ;  
}
.cLLlbl, .eclipticlbl {
	color: "#ff0" ;  
}
/* Crossover between Celestial coordinates RD and cLL
e.g. Tropic of Cancer, polar precessional circle */
.cC, .celestial {
	background-color: "#ff0" ;  
}
.cClbl,.celestiallbl {
	color: "#ff0" ;  
}

/*
// Monospaced fonts
	font-family: Consolas, monospace, sans-serif ; // open-0, intl. Latin, Russian, Greek ; 
	font-family: Courier, monospace, serif ; // open-0, dark ;  
	font-family: "Courier New", monospace, serif ; // open-0, light ;  
	font-family: Menlo, Monaco, monospace, sans-serif ; // line-filled-0 ; 
	font-family: "Andale Mono", monospace, sans-serif ; // dot-filled-0 ; 
*/

/* 02 Aug. 2016 */
button, input[type=button], 
input[type=reset], input[type=submit] 
{
	font-size: 10pt ; 
	font-family: "Arial", sans-serif ; 
	border-radius: 25% ; 
	background-color: white ; 
}
/* select */
input[type=text] {
	font-size: 10pt ; 
	font-family: "Arial", sans-serif ; 
	background-color: white ; 
}

label 
{
	font-size: 11pt ; 
	font-family: Consolas, monospace ; 
	background-color: white ; 
	/* With "Courier New" only
	font-weight: bold; 
	*/
}


/* Copied from index_precession.html 12 Nov. 2016 (JvB) */
/*
var x = document.getElementsByTagName("STYLE"); 
*/
.worldMapBgnd {
	background-image: 
url("../bluemarble/earth-monthly-25pct/world_topo_bathy_200404_3x2048x1024.jpg") ;
}


/* New 12 Nov. 2016 */

header {
	z-index: 3; 
}

/*
<fieldset id="fsDspSettings" style="position:relative;height:95px;">
// New CSS 12 Nov. 2016 (JvB) 
*/
#fsDspSettings { position:relative; height:114px; z-index:4 ; } 

/*
// New CSS 12 Nov. 2016 (JvB) 
<!--
<div> 
(1) left:520px; 
(2) style="background:white;position:absolute;top:55px;left:676px;z-index:2;">
(3) style="background:white;position:absolute;top:55px;left:150px;z-index:2;"
(4) 12 Nov. 2016 
-->
*/
#pltSettings {
	background:white;
	position:absolute;
	z-index:5;
	top:5px;
	left:178px;
}
/* Copied from index_precession.html 12 Nov. 2016 (JvB) */
/*
<fieldset>
(1) top:-5px; left:-60px; z-index:3; 
(2) 12 Nov. 2016 
*/
#settingsPolarView { 
	background:white;
	position:absolute;
	min-width:282px;
	z-index:6;
	text-align:center;
	top:80px;
	left:-152px;
}


/* Redone 12 Nov. 2016 */

/*
<div>
(1) style="background:white;position:absolute;top:50%;left:520px;z-index:2;">
(2) style="background:white;position:absolute;top:720px;left:660px;z-index:2;">
(3) top:650px; left:660px; 
(4) 12 Nov. 2016 
*/
#lineSelection { 
	background:white;
	z-index:5;
	position:absolute;
	top:5px;
	left:273px;
}
/*
<fieldset id="fsLineSlct" name="fsLineSlct">
(1) top:-40px; left:-30px; min-width:300px; 
(2) top: -10px; left:-140px; min-width:240px; z-index:1; 
(3) 12 Nov. 2016
*/
#fsLineSlct { 
	background:white;
	position:absolute;
	z-index: 6 ; 
	min-width: 240px; 
	top: 0px ; 
	left: 192px ; 
}


/*
<div>
(1) top:720px; left:860px;
(2) top:650px; left:820px; z-index:1;
(3) 12 Nov. 2016 
*/
#starSettings { 
	background:white;
	z-index:5;
	position:absolute;
	top:5px;
	left:372px;
}
/*
<fieldset id="fsSettingsStars" name="fsSettingsStars">
(1) min-width:300px; top:-40px;left:-30px; z-index:1; 
(2) 
*/
#fsSettingsStars { 
	background:white;
	position:absolute;
	min-width:300px;
	z-index:6;
	top:0px;
	left:375px;
}


/* New 12 Nov. 2016 */

/*
// New CSS 12 Nov. 2016 
<div id="dspPolarView" class="scalable">
style="width:1567px;height:775px;position:relative;top:0px;left:0px;padding:0px;background-color:#cdf;" 
	width:1547px; height:775px;
#dspPolarView { position: relative; z-index: 2; border: 3px blue ridge; } 
*/
/*
<div id="dspPolarView" style="position:relative;" class="scalable" >
*/
#dspPolarView {
	width:1450px; height:730px;
	position:relative;
	top:0px;left:0px;
	padding:0px;
	/* background-color:#cdf; */
}

/*
(1N) width:760px;height:760px;float:left; 
(1S) width:760px;height:760px;position:relative;top:-780px;left:800px;
(2NS) 12 Nov. 2016 - add class="scalable" 
width:760px; height:760px;
*/
#viewNCP, #viewSCP { width:720px; height:720px; }
#viewNCP { position:absolute;top:0px;left:0px; } 
#viewSCP { position:absolute;top:0px;left:725px; } 

/* <canvas> */
#polarViewNCP, #polarViewSCP {
	/* border: ridge 2px black; */
	width:720px;height:720px; 
	position:relative;top:0px;left:0px;margin:0px;
}

fieldset, legend, canvas, iframe, div {
	margin: 0px; padding: 0px; 
}

/*
// New CSS 12 Nov. 2016 
<fieldset id="cntrl" style="position:relative;">
<fieldset id="EclipticView" style="position:relative;">
*/
#cntrl, #EclipticView { position: relative; } 





