/* CSS styles for PARI SCOPE site */

/* HTML tags */

body {
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-size: 12pt;
  background-image: url(../images/stars.jpg);
  color: #FFFFFF;
  background-color: #000000;
}

a  {
  color : #66CCFF;
  text-decoration : underline;
}

a:visited  {
  color : #0000CC;
  text-decoration : underline;
}

a:active  {
  color : #990033;
  text-decoration : underline;
}

a:hover  {
  color : #99CCFF;
  text-decoration: overline underline;
  background : #1F2860;
}

p {
  line-height: 1.3;
}

ul {
  text-transform: none;
  text-decoration: none;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 24px;
}

li {
  margin-top: 12px;
  padding-left: 8px;
}

/* CSS classes */

.title {
  clear: both;
  font-family: 'Times New Roman',Times,serif;
  font-size: 24pt;
  font-weight: bold;
  text-align: center;
  margin: 30px 0px 20px 0px;
}

.feedback {
  font-size: 14pt;
  font-weight: bold;
  padding: 0px 0px 20px 0px;
  text-align: center;
}

/* logos and menus */

.logos {
  padding: 0px 0px 10px 0px;
}

.errortext {
  font-size: 12pt;
  font-weight:bold;
  color: #DD0000;
  padding: 20px 0px 20px 0px;
}

.errortext_dev {
  font-size: 14pt;
  font-weight:bold;
  color: #FF0000;
  padding: 40px 0px 40px 0px;
}

.menu {
font-size: 12pt;
width: 100%;
}

.menu ul {
list-style: none;
display: inline;
margin: 0 -2px 0 0;
padding: 0;
background: #212121;
}

.menu li {
list-style: none;
display: inline;
float: left;
margin: 1px 0 0 1px;
padding: 0 0 0 0;
}

.menu a:link,.menu a:visited {
width: 120px;
float: left;
text-align: center;
display: block;
color: #A0A0A0;
background: url(../images/menubuttonup.gif) no-repeat 2px -2px;
text-decoration: none;
margin: 0;
padding: 6px 0px 11px 0px;
}

.menu a:hover {
width: 120px;
float: left;
display: block;
color: #FFFFFF;
background: url(../images/menubuttondown.gif) no-repeat 2px -2px;
text-decoration: none;
margin: 0;
padding: 6px 0px 11px 0px;
}

/* panel chooser table definitions */

.panelheader {
  text-align: center;
}

.panelname {
  text-align: left;
}

.panelinfo {
  text-align: center;
}

.classifiedcount {
  color: #FFFF99;
  border: 2px dashed #FFFF99;
  padding: 15px 15px 15px 15px;
  width: 600px;
  text-align: center;
}

/* tables and such for "The Science" page */

.sciencetopic {
  font-size: 16pt;
  font-weight: bold;
  margin: 30px 0px 10px 0px;
}

.scienceinfo {
  /* nothing at this time */
}

.sciencemore {
  font-style: italic;
  text-align: right;
  margin-right: 50px;
  margin-top: 25px;
}

.sciencetable {
  border: thin solid #808080;
  border-collapse: collapse;
  background-color: #000000;
  width: 700px;
  height: 320px
}

.sciencetable td {
  border: thin solid #808080;
  border-collapse: collapse;
}

.sciencestartable {
  border: thin solid #808080;
  border-collapse: collapse;
  text-align: center;
  color: #000000;
  background-color: #FFFFCC;
  padding-top: 2px;
  padding-bottom: 2px;
}

.sciencestartable td {
  padding-top: 2px;
  padding-bottom: 2px;
}

.sciencestartableheader {
  background-color: #EEEEBB;
  border-bottom: thin solid #808080;
  border-collapse: collapse;
}

.spectratableleft {
  padding: 24px 32px 0px 0px;;
}

.spectratableright {
  padding: 24px 0px 0px 0px;;
}

.spectratableimage {
  border: thin solid #808080;
}

.sciencestartypetable {
  margin-left: 40px;
}

.sciencestartypeleft {
  width: 60px;
  padding: 16px 0px 0px 0px;;
}

.sciencestartyperight {
  padding: 16px 0px 0px 0px;;
}

.sciencestartypeimage {
  border: thin solid #808080;
}

/* form styles for login and user management */

form {                      /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font-size:10pt;
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  width: 740px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #FFF;
  border-width: 1px;
  border-style: solid;
  padding: 10px;            /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
  font-size:1.2em;          /* bump up legend font size, not too large or it'll overwrite border on left */
  /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
  display: block;           /* block float the labels to left column, set a width */
  float: left;
  width: 150px;
  padding: 0;
  margin: 10px 0 0;         /* set top margin same as form input - textarea etc. elements */
  text-align: right;
}

form img {                  /* position the CAPTCHA image */
  display: block;
  float: left;
  margin-left: 180px;
  margin-top: 10px;
  margin-bottom: 6px;
  border: thin solid #000;
}

form input, form textarea {
  font-size:10pt;
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
  width:auto;               /* set width of form elements to auto-size, otherwise watch for wrap on resize */
  margin:10px 0 0 10px;      /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

form input#reset {
  margin-left:0px;          /* set margin-left back to zero on reset button (set above) */
}

textarea {
  font-size:10pt;
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  overflow: auto;
}

form small {
  display: block;
  margin: 0 0 5px 160px;    /* instructions/comments left margin set to align w/ right column inputs */
  padding: 1px 3px;
  font-size: 88%;
}

form .required {
  font-weight:bold;         /* uses class instead of div, more efficient */
}

form .requiredwide {
  font-weight:bold;         /* uses class instead of div, more efficient */
  display: block;           /* block float the labels to left column, set a width */
  float: left;
  width: 170px;
  padding: 0;
  margin: 10px 0 0;         /* set top margin same as form input - textarea etc. elements */
  text-align: right;
}

form br {
  clear:left;               /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form div {
  padding: 5px 0 0 0;
}