/*######################################################################*/
/* CSS: FOR APOLLO MOON TOOL (DA MOON)					*/
/*									*/
/* By: Andrew Gaddis (2009)						*/
/* Purpose: Provides primary formatting for Apollo			*/
/*######################################################################*/

/* ~~~ DEFAULTS ~~~ */
body { margin: 0px; padding: 0px; font-size: 14px; font-family: sans-serif; }
img { border: none; text-decoration: none }
h1 { font-size: 30px; font-family: sans-serif; margin:5px; padding:0; line-height:1em }
h2 { font-size: 22px; font-family: sans-serif; margin:3px; padding:0 }
h3 { font-size: 18px; font-family: sans-serif; margin:2px; padding:0 }
input { font-size: 14px; font-family: sans-serif; margin: 0; }

/* ~~~ APOLLO CUSTOM ~~~ */

.spacer { clear:both; position: relative; }
#mastercontainer br.endspot { clear: both; position: relative; }

/* ???????????????????????????????????????????????? */
/* 	This stuff IS important.		    */
#mapview { clear: right; float:left; position: relative; left: 0px; display: block; 
	width: 310px; margin: 0px 0px 0px 40px; padding: 5px; background: #CCCCCC; border: 2px solid #000000; text-align: left; }

#innercontainer .homenav { position: absolute; top: 240px; left: 8px; opacity: 1.0; background: transparent; }
#innercontainer .homenav table { background: transparent; padding: 2px; }
#innercontainer .homelayers { position: absolute; top: 200px; left: 8px; border: 1px solid #FFFFFF; background: #000000; }
#containerA .scale { border: none; border-left: 3px solid #000000; border-right: 3px solid #000000; width: 150px; position: relative; left: 40px; top: 20px; background: #FFFFFF; text-align: center; }

#mastercontainer { clear:both; position: static; top: 0px; left: 0px; display: block;  margin: 0px; padding: 0px; color: #000000; /*height: 700px;*/ /*background: #00FFFF;*/ }
#innercontainer { position: static; top: 0px; left: 0px; display: block; /*background: #00FFFF;*/ clear: both; }
#containerA { position: static; top: 0px; left: 0px; }
#damoon { position: static; top: 0px; left: 0px; border: 1px solid #000000; background: #000000; }
#containerA .moonmouse { position: static; top: 0px; left: 0px; }
#containerA .moonmouse .moonmouseA { position: relative; left: 0px; top: 0px; }
#containerA .moonmouse .moonmouseB { position: absolute; left: 0px; top: 185px; border: none; }
#containerA .moonmouse .moonmouseC { position: absolute; left: 0px; top: 185px; border: none; }
.imagesurround { position: absolute; left: 0px; top: 185px; width: auto; border: none; background: #000000; }
/* ???????????????????????????????????????????????? */

#header { padding: 0px; margin: 0px; border-bottom: 2px solid #006699; font-family: Arial; font-size: 12px; clear:both; }
#header img { width: 730px; height: 100px; border: none; text-decoration: none; }
#header ul { position: relative; display: block; margin: 0px; padding: 0px; height: 30px; border-top: 1px solid #FFFFFF; list-style-type: none; background: #222222; text-align: center; }
#header li { display: block; float: left; height: 100%; margin: 0px; padding: 0px; position: relative; border-right: 1px solid #555555; }
#header li.title { padding: 0px 10px 0px 15px; line-height: 30px;  color: #0066FF; font-family: Verdana; font-size: 10px; font-weight: bold; border-right: 2px solid #555555; }
#header li a { display: block; float: left; padding: 0px 10px 0px 10px; height: 30px; position: relative; vertical-align: middle; text-decoration: none; color: #FFFFFF; background: #222222; line-height: 30px; }
#header li a:hover { color: #FFFFFF; background: #006699; font-weight: bold; border: 1px solid #FFFFFF; border-top: none;  border-bottom: 2px solid #FF0000; }

#site { clear: both; position: relative; display: block; margin: 0px; padding: 0px; height: auto;  /*background: #CC0000;*/ }

#mastercontainer a { color: #006699; text-decoration: none; }
#mastercontainer a:visited { color: #006699; text-decoration: none; }
#mastercontainer a:hover { color: #0000CC; font-weight: bold; }

#mastercontainer h1 { color: #006699; border-bottom: 1px dashed #CCCCCC; padding-left: 15px; margin-top: 6px; line-height: 40px; }

#mapview h2 { color: #006699; margin: 0px 0px 6px 0px; padding: 0px; border-bottom: 1px dashed #999999; font-size: 18px; text-align: center; }
#mapview h3 { color: #006699; margin: 0px 0px 0px 0px; padding: 2px 0px 3px 10px; text-align: left; font-size: 14px; }

#mapview .txtCurrentMousePos { margin-bottom: 5px; }
#mapview .txtCurrentMousePos span { font-weight: bold; }
#mapview .txtTargetCoord {}
#mapview .txtTargetCoord span { font-weight: bold; }
#mapview .txtButtons { text-align: center; }

#mapview .boxClickTo { border-top: 1px dashed #666666; text-align: center; }
#mapview .boxClickTo ul li { text-align: left; }
#mapview .boxClickTo ul,li { margin: 0px; padding: 0px; }
#mapview .boxClickToForm { margin: 0px auto; padding: 5px; border: 1px dashed #666666; background: #AAAAAA; width: 200px; }
#mapview .boxOverviewMap { border-top: 1px dashed #666666; }

#mapview .overviewarea { position: static; display: block; width: auto; margin: 0px auto; }
#mapview .overviewarea .containment { /*height: 225px;*/ }
#mapview .overviewarea img { margin: 0px auto; }
#mapview .overviewlink { display: block; position: static; text-align: center; padding-top: 0px; padding-bottom: 5px; }
#mapview .overviewearth { background: #000000; clear: both; position: absolute; display: block; margin: 0px auto; border: 2px solid #FFFFFF; /*width: 200px;*/ background: #000000; margin: 5px 0px; /*margin-left: 55px;*/ }
#mapview .overviewtext {}

#mapview .centerform { padding: 5px; text-align: center; background: #AAAAAA; border: 1px dashed #666666; }

#mapview .customform { margin-bottom: 10px;  }
#mapview .customform br { clear: both; }
#mapview .customform .leftcol { float: left; }
#mapview .customform .rightcol { float: right; }
#mapview .customform input { width: 165px; border: 1px solid #000000; background: #FFFFFF; color: #000000; }

#containerIF { position: relative; clear: both; margin: 20px 0px 0px 0px; padding: 0px 10px 10px 10px; border-top: 2px dashed #000000; }
#containerIF br.clear { clear: both; }
#containerIF h2 { margin: 0px; padding: 0px 0px 8px 0px; margin-top: 20px; color: #006699; }
#containerIF .boxFTapollo { background: #666666; color: #FFFFFF; text-align: center; border: 2px solid #FFFFFF; text-align: center; }
#containerIF .boxFTapollo a { border: 2px solid #000000; clear:both; position: relative; left: 0px; top: 0px; display: block; }
#containerIF .boxFTapollo a:hover { border: 2px solid #006699; }
#containerIF .boxFTapollo img { border: none; display: block; }

#containerIF .boxFTlrocroi {}
#containerIF .boxFTcraters {}
#containerIF .boxFTcraters table { border: 1px solid #000000; border-collapse: collapse; }
#containerIF .boxFTcraters th { background: #CCCCCC; border-bottom: 2px solid #000000; text-align: center; padding: 5px 12px; border-right: 1px solid #000000; }
#containerIF .boxFTcraters td { text-align: left; border-right: 1px solid #000000; padding: 5px 3px; border-bottom: 1px dashed #333333; }
#containerIF .boxFTmisc {}

#footerbox { clear: both; position: relative; margin: 0px; padding: 0px; height: 71px; /*background: #00FF00;*/ }
#footer { width: 100%; clear: both; position: absolute; bottom: 0px; display: block; margin: 0px; padding: 8px 0px; height: auto; text-align: center; border-top: 2px solid #006699; border-bottom: 1px solid #000000; 
	color: #000000; background: #CCCCCC; vertical-align: middle; font-family: Verdana; font-size: 10px; /*background: #006600;*/ }
#footer img { display: inline; height: 30px; padding: 0px 30px; }

#msg { background: #CCFFCC; border: 1px solid #00CC00; color: #000000; padding: 10px; margin: 10px; }


/* ~~~ THE END ~~~ */