/* Font scheme */

.fontDefault {      
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 10px;
    line-height: 20px;
}



/*= Layout: Main window building blocks==============================================*/

body 
{ 
  margin: 0px;
  padding: 0px;
  
  /*color: #CCC;*/
  color: #D8D8D8;
  color: #FFF;
  /*background: rgb(105,105,110);*/
  background: #404040;
  /*background: url(stripes.png);*/
  /*background: url(blue-violet-stars.jpg);*/
  
  font-size: 10px;
  line-height: 20px;
  font-family: Verdana, Geneva, Arial, sans-serif;

  /*text-align: center;*/
  }

#background 
{ 
  position: fixed;
  width: auto;
  height: auto;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  
/*  background-color: rgb(0,0,35);*/
  background-color: #000023;
  }

#banner1 
{ 
  position: fixed;
  width: auto;
  height: 80px;
  top: 20px;
  right: 20px;
  bottom: auto;
  left: 20px;
  
  background-color: transparent;
  border-bottom: 2px solid #09C;
  
  overflow: hidden;
  }

#banner2 
{ 
  position: fixed;
  width: auto;
  height: 18px;
  top: auto;
  right: 20px;
  bottom: 20px;
  left: 20px;
  
  background-color: transparent;
  border-top: 2px solid #09C;
  
  overflow: hidden;
  }


#mainContentExpand
{ 
  position:fixed;
  width: auto;
  height: 28px;
  top: 152px; /* 132 + 20*/
  right: 40px; /* 60 + delta */
  bottom: auto;
  left: auto;

  background-color: transparent;

  font-size: 11px;
  font-weight: bold;
  }

#mainContentRestore 
{ 
  position:fixed;
  width: auto;
  height: 28px;
  top: 2px; /* 132 + 20*/
  right: 35px; /* 60 + delta */
  bottom: auto;
  left: auto;

  background-color: transparent;

  font-size: 11px;
  font-weight: bold;
  }



#help
{ 
  position:fixed;
  width: auto;
  height: 28px;
  top: 152px; /* 132 + 20*/
  right: 100px; /* 60 + delta */
  bottom: auto;
  left: auto;

/*
  margin-left: 3px;
  padding-left: 3px;

  padding-top: 8px;
  padding-bottom: 2px;

  border-left: 2px solid #474747;
     */
  /*border: 1px solid #888;*/


  background-color: transparent;

/*  color: #0F0;*/


  font-size: 11px;
  font-weight: bold;
/*text-decoration: underline;*/
  }



#pageTitle
{ 
  position: fixed;
  width: auto;
  height: 28px;
  top: 132px;
/*  right: 20px;*/
  right: 140px;
  bottom: auto;
  left: 20px;
  padding-top: 20px; 
  /*padding-left: 100px;*/
  padding-left: 200px;
  
  background-color: transparent;
  /*color: #474747;*/
  color: #4D4D4D;
  color: #666;

  font-size: 18px;
  font-weight: bold;

  overflow: hidden;
  }

#pageTitle a  
{
  font-size: 20px;
  font-weight: bold;
}

#menu1 
{ 
  position: fixed;
  width: auto;
  height: 30px;
  top: 102px;
  right: 20px;
  bottom: auto;
  left: 20px;
  
  background-color: transparent;
  border-bottom: 1px dotted #950;
  
  overflow: hidden;
  }

#mainContent1 
{ 
  position: fixed;
  width: auto;
  height: auto;
  top: 178px;
  right: 20px;
  bottom:40px;
  left: 20px;

  padding: 0px 50px 10px 60px;
  padding: 20px 50px 10px 60px;
  /*padding: 0px 60px 10px 80px;*/
  /*padding: 0px 140px 10px 140px;*/
  border: 1px solid #000023;  
  border-bottom: 0px solid transparent;


  background-color: transparent;

  font-size: 11px;
  
  /*overflow: scroll;*/
  overflow: auto;
  }


#menu2 
{ 
  position: fixed;
/*  width: 170px;*/
  width: 178px;
  height: auto;
  top: 178px;
  right: auto;
  bottom: 40px;
  left: 20px;
  /*margin:10px 50px 40px 10px;*/
  margin-top: 10px;
  margin-bottom: 60px;
  border-right: 2px solid #333; 
  /*border-right: 2px solid #950;*/
  /*border-right: 1px dotted #950;*/
  
  background-color: transparent;

  
  overflow: auto;
  }


#mainContent2 
{ 
  position: fixed;
  width: auto;
  height: auto;
  top: 178px;
  right: 20px;
  bottom:40px;
  left: 200px;
/*  padding: 0px 80px 10px 80px; */
  padding: 0px 10px 10px 10px;
  padding: 20px 10px 10px 10px;
  padding: 40px 10px 10px 10px;
  border: 1px solid #000023;  
  border-bottom: 0px solid transparent;

  background-color: transparent;

  font-size: 11px;
  text-align: center;  

  /*overflow: scroll;*/
  overflow: auto;
  }


/*= Layout: Other pieces ==============================================*/

/*=     banner1 elements ====================*/

/*
#banner1Eros
{
  display: none;
  position: absolute;
  top: -15px;
  right: auto;
  bottom: auto;
  left:250px;
  }


#banner1Earth
{
  display: none;
  position:absolute; 
  top: auto;
  right: auto;
  bottom: -6px;
  left:530px;
  }
*/

#banner1Earth0
{
  position:absolute; 
  width: 320px;
  height: 323px;
  top: auto;
  right: auto;

  bottom: 20px;
  left:250px;

/*
  bottom: 20px;
  left:150px;

  bottom: -40px;
  left:-240px;
     */

  background-color: transparent;
  background-image: url(../images/earth.gif);
  }

#banner1ImageAstDyS
{
  position:absolute; 
  width: 500px;
  height: 323px;
  top: auto;
  right: auto;

  bottom: 20px;
  left:220px;


/*

  bottom: -20px;
  left:150px;


  bottom: -40px;
  left:-240px;
     */

  background-color: transparent;
/*  background-image: url(../images/idadactyl.gif);*/
/*  background-image: url(../images/itokawa070422.jpg);*/ /* w=696xh=352 , bottom:30px left:50px*/
/*  background-image: url(../images/itokawa_e.gif);*/ /* w=296xh=209 bottom:30px  left:250px*/
  background-image: url(../images/gaspra_esa.png); /* w=442xh=422 left:250px*/
  }




#banner1NEODyS
{
  position:absolute; 
  top: auto;
  right: auto;
  bottom: 20px;
  left: 60px;
  }

#banner1NEODyS a 
{ 
  font-size: 20px;
  }


#banner1NEODyS2
{
  position:absolute; 
  top: auto;
  right: auto;
  bottom: 2px;
  left: 60px;
  
  font-weight: bold;
  }

#banner1ToolSelectorShow, #banner1ToolSelectorHide 
{
  position:absolute; 
  top: auto;
/*  right: 280px;*/
  right: 15px;
  bottom: 2px;
  left: auto;
  
  font-weight: bold;
  }

#banner1CurrentDate
{
  position:absolute; 
  top: auto;
/*  right: 340px;*/
  right: 40px;
  bottom: 2px;
  left: auto;
  
  font-weight: bold;
  }


#banner1Search 
{
  position:absolute; 
/*  top: 15px; */
/*  top: 28px;*/
  top: 34px;
  right: 40px;
  bottom: auto;
  left: auto;
  
  font-weight: bold;
  }

#banner1CalendarToMJDConversor
{
  position:absolute; 
/*  top: 6px;;*/
  top: 8px;
  right: 40px;
  bottom: auto;
  left: auto;
  
  font-weight: bold;
  }

#banner1Search input, #banner1CalendarToMJDConversor input
{ 
  margin-left:0px;
  padding-left:2px;
  padding-right:2px;
  border: 1px dotted #09C;
  
  background: rgb(50,50,50);
  
  font-size:10px;
  font-weight: bold;
  text-align: center;
  }

#banner1CalendarToMJDConversor input
{ 
  margin-right:0px;
 }

#banner1CalendarToMJDConversor button,
#banner1CalendarToMJDConversor a 

 { 
   /*
   width: 34px;
   height: 14px;
   */


   margin:0px 4px 0px 4px;
   border:2px solid #AAA; 

   /* background: #950;
      color: #BBB;*/
   background: #777;
   color: #000023;

   font-size: 8px;
   font-weight: bold;

   -moz-border-radius:6px 6px 6px 6px;
   }

#banner1CalendarToMJDConversor button:hover,
#banner1CalendarToMJDConversor a:hover 
{
  border:2px solid #EEE; 
  background: #AAA;
  color: #EEE;
             } 



#banner1FontSelector
{
  position:absolute; 
  top: 35px; 
/*  right: 40px;*/
  right: 320px;
/*  bottom: 4px;*/
  bottom: auto;
  left: auto;
  
  font-weight: bold;
  }

#banner1ColorSelector
{
  position:absolute; 
  top: 10px; 
/*  right: 40px;*/
  right: 320px;
/*  bottom: 4px;*/
  bottom: auto;
  left: auto;
  
  font-weight: bold;
  }


#banner1FontSelector span, #banner1ColorSelector span 
{ 
  width:22px; 
  height:13px; 
  margin:0px 0px 2px 4px; 
  border:2px solid #AAA; 
  padding:0px 0px 0px 0px; 

  display:block; 
  float:left; 

  line-height:13px;
  text-align:center;
  font-weight:bolder;

  /*color: red;*/
  color: #AAA;

  -moz-border-radius: 5px 0px 5px 0px;
 }
#banner1FontSelector span:hover, #banner1ColorSelector span:hover
{ 
  border:2px solid #EEE; 
  color: #EEE;
  }

#banner1FontSelector a:hover, #banner1ColorSelector a:hover
{ 
  color: #EEE;
  text-decoration: none;
  }
#banner1FontSelector span.selected, #banner1FontSelector span.selected:hover,
#banner1ColorSelector span.selected, #banner1ColorSelector span.selected:hover
{ 
  border:2px solid #EEE; 
/*  border:2px dotted #09C; */
  background-color: #AAA;
  color: #000023;
  }


/*=     banner2 elements ====================*/

#banner2siteLocation
{  
  position:absolute; 
  top: auto;
  right: auto;
  bottom: 0px;
  left: 60px;

  font-weight: bold;
  }


#banner2Contact
{  
  position:absolute; 
  top: auto;
  right: 40px;
  bottom: 0px;
  left: auto;
  }

/*=     pageTitle elements ====================*/


#pageTitle2
{ 
  display: inline;


/*
  margin-left: 3px;
  padding-left: 3px;

  padding-top: 8px;
  padding-bottom: 2px;

  border-left: 2px solid #474747;
     */
  /*border: 1px solid #888;*/

  color: #888;
  color: #BBB;


  font-size: 11px;
  font-weight: bold;
/*text-decoration: underline;*/
  }





/* Other */
sub {
    font-size: 85%;
}

/*- Anchors -----------------------------*/


a 
{
  color:   #FFE7BA;
  
  font-size: x-small;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none
  }

a:visited 
{ 
  color: #CDBA96; /*wheat3*/
  text-decoration: none;
  }

a:hover
{  
  color: #09C;
  text-decoration: none;
  }




/*
#banner2Contact a, #banner1NEODyS a 
{ 
  font-weight: bold;
  text-decoration: none
  }

#banner2Contact a:hover, #banner1NEODyS a:hover 
{ 
  color: #EA3;
  }
*/


/*= Tests  ==========================================================*/




/*- Menu Tabs H--------------------------- */

#tabsH 
{
  float:left;
  position: relative;
  width:100%;
  /*background:#000;*/
  background: transparent;
  font-size:93%;
  line-height:normal;
  margin-bottom:30px;
  /*border-top: 1px dotted #A00;*/
  border-bottom: 1px dotted #950;
  /*padding-left:30px;       */
  z-index:1;
      }
#tabsH ul 
{
  margin:0;
  padding:10px 10px 0px 60px;
  list-style:none;
  }
#tabsH li 
{
  display:inline;
  margin:0;
  padding:0;
  }
#tabsH a 
{
  float:left;
  background:url("tableftH.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsH a span 
{
  float:left;
  display:block;
  background:url("tabrightH.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span 
{
  color: #09C;                     
  /*color:#FFF;*/
  }
#tabsH a:hover 
{
  /*color: #09C;                     */
  background-position:0% -42px;
  }
#tabsH 
a:hover span 
{
  color: #09C;                     
  background-position:100% -42px;
  }

/*
#tabsH a.selected span { 
	color: #F40;
         }
*/


/*- Menu 0b--------------------------- */

#menu0b 
{
  position:relative;
  /*float:left;*/
  width: 140px;
  margin-top: 20px;
  /*  margin-right: 12px;*/
  margin-right: auto;
  margin-left: auto;
  /*margin: 10px;*/
  padding:1px;
  

  background:transparent;
  }

#menu0b ul 
{ 
  list-style: none;
  margin: 0;
  padding: 2px 2px 40px 2px;
  
  
  border-style: dotted dotted none dotted;
  border-color: #950;
  border-width: 1px;
  text-align:center;
  }

#menu0b li 
{ 
  /*margin: 2px 2px 6px 2px;*/
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
/*        border-style: dotted dotted none dotted;
   border-color: #999;
   border-width: 1px;*/
  }
	

#menu0b li a 
{
	/*height: 32px;*/
  /*height: 20px;*/ /* 24 */
  
  /*background:url("tableftH.gif") no-repeat left top;*/
  margin: 0px;
  padding: 0px 3px 0px 0px;
  
  /*border-style: dotted dotted none dotted;*/
  /*border-style: solid solid none solid;
     border-color: #555;
     border-width: 1px;*/
  
  border-top: solid 1px #555;
  border-right: solid 1px #555;
  border-bottom: solid 1px #555;
        /*border-bottom: solid 1px #000023;*/
  border-left: solid 1px #555;
  
  /*-moz-border-radius: 5px 5px 0 0;*/

  /*
     background: rgb(35,35,45);
     border-top: solid 1px #555;
     border-right: solid 1px #555;
     border-bottom: solid 1px #555;
     border-left: solid 1px #555;
     padding: 0px 3px 0px 3px;
     moz-border-radius: 0px 8px 8px 0;
     */   
  
  text-decoration: none;
  }	

	
#menu0b li a:link, #menu0b li a:visited 
{
  color: #CCC;
  display: block;
  /*background:  url("tabrightH.gif");*/
  /*background:  url("tabrightH.gif") no-repeat right top;*/
  padding: 4px 0 0 5px;
  }

	
#menu0b li a:hover 
{
  color: #09C;
  background-position:  0% -42px;
  padding: 4px 0 0 5px;
  background: #111121;
  /*border-style: solid solid dotted solid;*/
  border-style: dotted;
        border-color: #09C;
  }	

/*
   #menu0b li a.selected 
   { 
     color: #F40;
     }
*/





/* OTHER */

dt.credits,  a.credits {
    font-size: 10px;
    font-weight: bold;
    /*color: orange;*/
}

#framedWeb, #framedWeb_ie7 
{
  position: absolute; 
  width: auto;
  height: auto;
  top: 140px;
  right: 20px;
  bottom: 10px;
  left: 20px;
 
  background-color:transparent;	
  }

#framedWeb iframe
{

  position: relative; 

  width: 100%;
  height: 100%;

  background-color:#AAAAAA;	
  }

#framedWeb_ie7 iframe
{

  position: relative; 

  width: 100%;
  height: 2000px;

  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;

  background-color:#AAAAAA;	
  }



.toBlock 
{ 
  display: block;
  }


span.colorMenuActive, #tabsH a span.colorMenuActive 
{ 	
  color:  #EE2C2C; 
}


#introNEODyStitle
{ 
  position: relative;
  float: right;
  margin-top:35px;
  margin-left:100px;
  margin-right:65px;
  margin-bottom:30px;
  padding-top:5px;
  padding-left:18px;
  padding-right:18px;
  padding-bottom:20px;

  font-size: 22px;
  font-weight: bold;
  line-height: 50px;


  color: #CCC;
  border-left:  1px dotted #09C;
  border-top:   1px dotted #09C;
  border-right: 1px dotted #09C;

          }

/* Tables */

/* End Tables */






/* Centering */

#mainContent1 .pContainer, #mainContent2 .pContainer
{  
  text-align: left; 
/*  width: 300px;*/
  max-width: 730px;
  min-width: 580px;
  margin-right:auto;
  margin-left:auto;

/*
  color: orange; 
  background-color: yellow;
*/
}



#mainContent2 p, #mainContent2 ul
{  
  max-width: 500px;
  margin-right:auto;
  margin-left:auto;

/*  color: orange; */
}

#mainContent2 pre
{  
  margin-right:auto;
  margin-left:auto;

/*  color: orange; */
}


/* LISTS */

#mainContent2 ul { 
     list-style-type:square;
 }




.hcentered, table.hcentered
{ 
  margin-right:auto;
  margin-left:auto;
 }





/* FORMS */

form.neodysForm 
{ 
  /* border: 2px solid #777; */

  /*background: rgb(50,50,0);  */
  /*color: #F00;*/

  font-weight: bold;
  }


form.neodysForm input, form.neodysForm select, form.neodysForm textarea  
{ 
  /*margin-left:2px;
     padding-left:2px;
     padding-right:2px;*/
  margin-top:2px;
  border: 1px dotted #950;
  border: 1px dotted #555;
  -moz-border-radius:3px 3px 3px 3px;

  /*background: rgb(25,25,25);*/
  background: rgb(50,50,50);

  /*color: rgb(184,232,38);*/
  color: #98F5FF;  

  font-size:10px;
  font-weight: normal;
  text-align:center;                                                  
                        }

/*
form.neodysForm textarea{
        text-align:left;                                                  
             } 
*/

form.neodysForm .alignLeft { 
        text-align:left;                                                  
                            } 


form.neodysForm input.neodysButton { 
       /* background: #950;
        color: #BBB;*/
        background: #777;
        color: #000023;
        font-weight: bold;
        margin:8px 4px 4px 4px;
        border: 1px solid #950;     
        border: 1px dotted #9DA;     
        border: 1px dotted rgb(184,232,38);
        border: 1px dotted #98F5FF;
        -moz-border-radius:6px 0px 6px 0px;
                }

form.neodysForm input.neodysButton:hover{
        background: #AAA;
        color: rgb(55,55,65);

             } 


/* */
a.itButton 
{ 
  /*
  border: 1px solid #777;
  -moz-border-radius:3px 3px 3px 3px;
     */

  color: #000023;
  background: #EA3;
  }

a.itButton:hover
{ 
  background: #09C;
  }


a.helpButton 
{ 
  /*
  border: 1px solid #777;
  -moz-border-radius:3px 3px 3px 3px;


  color: #000023;
  background: #09C;
     */
  color: #09C;
  }


a.helpButton:hover
{ 
  /*
  background: #EA3;
     */
  color: #EA3;
  }





/* Images */

#mainContent1 img, #mainContent2 img
{
  border: 2px solid #EA3;
/*
   border: 1px solid #950;
   border: 2px solid #555;
   border: 2px solid #09C;
   */
  padding: 1px;
  }




/* Color scheme */



.colorTest   {color: #395;}

.colorNeodysBlack     {color: #000023;}
.colorNeodysBlue      {color: #09C;}
.colorNeodysBrown     {color: #950;}

.colorDefaultText     {color: #CCC;}
.colorDefaultLink     {color: #FFE7BA;}  /* default hover: {color: #09C;} */
.colorFormInput       {color: rgb(55,55,65);   } /* #373741 */
.colorMenuActive      {color: #EE2C2C;}

.colorToolInput   {color: #CCC;}


/* .colorSystemLink      {color: #09C;} /\* hover {color: #EA3;} *\/ */
/* .colorInternalLink    {color: orange;} /\* hover {color: #EA3;} *\/ */
/* .colorNeaLink         {color: #EA3;}  */
/* .colorObservatoryLink {color: #CD5C5C;} /\*{color: #9FF;}  *\/ */
/* .colorHelpLink        {color: #9F2;  } */


.colorGray1           {color: #777;}
.colorGray2           {color: #555;}
.colorGray2           {color: #474747;}
.colorGray0           {color: #CCC; }


input.colorFormInput 
{color: rgb(55,55,65);}


.colorSystemLink, a.colorSystemLink
{color: #09C;} /* hover {color: #EA3;} */


.colorInternalLink 
{color: #98F5FF;} 
.colorInternalLink:visited      
{color: #7AC5CD;} 
.colorNea .colorNeaLink,  .colorNeaLink:visited, a.colorSystemLink:hover,
input.colorNea, a.colorNeaLink:link
{color: #EA3;} 
.colorObservatoryLink, .colorObservatoryLink, .colorObservatoryLink:visited 
{color:  #a2cd5a;} /*{color:  #9acd32;} {color:  #b8e826;} {color:  #b3ee3a;} {color: rgb(184,232,38);}  {color:  #f08080;} {color:  #9f79ee;} {color: #8B814C;}*/
.colorHelpLink, .colorHelpLink:visited
{color: #c1ffc1;} 
/*
.colorHelpLink:visited
{color: #698b69;  }
*/

.colorNeaLink:hover, .colorObservatoryLink:hover, 
.colorInternalLink:hover, .colorHelpLink:hover,
a.colorNeaLink:hover
 { color: #09C; }


#mainContent2 a>img
{ 
  margin: 1px;
  border: 2px solid #EA3;
  padding: 1px;
/*
   border: 2px solid #09C; 
   border: 1px solid #950;

   border: 2px solid #555;
   */

  }



#mainContent2 a>img:hover
{
  margin: 0px;
  border: 3px solid #09C;
  padding: 1px;
/*
   border: 2px solid #EA3;
   border: 1px solid #950;

   border: 2px solid #555;
   */

  }


a.adminButton, a.downloadButton
{ 

  margin: 0px 4px 0px 4px;
  padding: 0px 4px 0px 4px;
  border: 2px solid #AAA; 


  background: #777; 
  color: #000023;

  font-size: 9px;
  font-weight: bold;

   -moz-border-radius:2px 2px 2px 2px;
 }

a.adminButton:hover, a.downloadButton:hover
{ 
  border:2px solid #EEE; 
  color: #EEE;
}



