/*
 * The Chandra X-Ray Center (CXC) is operated for NASA:
 *   Smithsonian Astrophysical Observatory
 *   60 Garden Street
 *   Cambridge
 *   MA 02138
 *   USA
 * Email: cxcweb@head-cfa.harvard.edu
 *
 * Smithsonian Institution, Copyright © 1998-2008. All rights reserved. 
 */

/*
 * work around netscape 4 issues
 * (trying to support ns4 does limit the use of CSS)
 */

@import url("ciao.ns4hack.css");

body {
	background: #fff;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/* links */

a { 
  color: #037D03;
  }

a.helplink { 
  text-decoration: none;  	   
  }

a:hover { 
  background: #ccffcc; 
  }

a img {
  border: none;
  }


/* page layout table */

td.mainbar { 
  background: #ffffff; 
  padding: 1em 0 1em 0.5em;
  }

td.navbar { 
  background: #99cc66; 
  width: 20%; 
  }


/* header and footer */

div.topbar { 
  width: 100%; 
  }

div.bottombar { 
  font-size: 90%; 
  }

div.lastmodbar, div.pdfbar, .qlinkbar, div.searchbar {
  font-size: 90%;
  }

.qlinkbar td {
  vertical-align: top;
  }

.qlinkbar tr>td:first-child {
  text-align: right;   
  }

.searchbar {
  color: #003300;
  font-weight: bold;
  }

div.searchbar { 
  float: right; 
  }

div#advancedsearch { 
  text-align: right; 
  }

#survey {
  font-size: 1.4em;	
  text-align: center;
  padding-top: 10px;
  clear: both;
}

div.urlbar { 
  display: none; 
  }

/* ensure that main text is below the header */
div.mainbar, table.maintable { 
  clear: both; 
}


/* navigation bar */

.navbar { 
  font-size: 90%; 
  }

.navbar a.indexlink { 
  font-size: 115%; 
  }

.navbar a.helplink { 
  text-decoration: underline;  	   
  }

.navbar .heading {
  font-weight: bold;
  color: #000000;
  }

.navbar .selectedheading {
  font-weight: bold;
  color: #000000;
  background: #ccffcc;
  }

td.navbar a { 
  color: #003300;
  }


/* newsbar also used in news.xml */
.newsbar, #threaddatatableheader, #scripttable { 
  background: #003300;
  color: #ffffff;
  text-align: center;
  padding: 0 2px;
  }

.newsbar h2 { 
  font-size: 1.6em;	
  margin-bottom: 2px;
  }

.newsbar h3, #threaddatatableheader h3 { 
  font-size: 1.4em;	
  margin: 0;
  }

div.newsbar a, #threaddatatableheader a { 
  background: #003300;
  color: #ffffff;
  font-size: 1.2em;	
  }

div.newsbar a:hover, #threaddatatableheader a:hover { 
  background: #ccffcc;
  color: #000000;
  }

table#threaddatatable { 
  border: 1px solid #003300;
  }

table#threaddatatable td { 
  padding: 10px;
  }



/* screen output 
 * - the fact that we use htmldoc to create the PDF versions from
 *   specially-prepared versions of the web page limits the use of CSS
 *   in the main text
 */

pre.paramlist { 
  font-size: 90%; 
  }


/* highlight a box
 * (introduced for the "search temporarily unavailable" case)
 * [over-ridden for non netscape users]
 */

span.highlightbox {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  padding: 0.2em;
  background: #99cc66;
}


/* hide information apart from non-CSS User Agents */
.hideme { 
  display: none; 
  }


/* other highlighting styles */

.screen pre, pre.highlight {
  background: #cccccc;
  white-space: pre;
  border: none;
  padding:  0.5em;
  overflow: auto;
  }

div.highlighttext {
  background: #cccccc;
  border: none;
  padding:  0.5em;
  margin: 2em;
  }

.scriptrow {
  background-color: #cccccc;
  }
.scriptrow td {
  padding: 5px 10px;
  }



/*
 * page-specific style section 
 *
 */

/* main index */

dl#direction dt {
  background: #cccccc;
  font-weight: bold;
  font-size: 14pt;
  padding: 4px; 
}

dl.publications dt {
  padding-top: 8px;
}

/* registration */

div.register {
  padding: 0.5em 1.0em;
  background: #99cc66;
  }

div.register a { 
  color: #003300;
  }


/* threads: "history" block */

.history tr {
  vertical-align: top;
  }

.history td {
  padding-bottom: 10px;
  }

td.historydate {
  padding-right: 10px;
  text-align: right;
  }

/* ahelp file styles
 *
 * Wanted to use the box-model/voice-family hack to avoid the padding
 * in NS4 (see http://www.ericmeyeroncss.com/bonus/trick-hide.html)
 * but it does not seem to work on NS 4.76
 *
 * the 'white-space: pre;' lines are needed by NS4
 * and we override the 'border: none' lines (which are
 * needed to get the background color to display in NS4)
 * in ciao.ns4hack.css
 */

/* highlight the odd row to disambiguate it from the header
 * (which is neither odd nor even)
 * tr.oddrow also used in news.xml */

tr.oddrow { 
  background: #dddddd; 
  }

h1.ahelp {
  font-size: 1.4em;	
  }


.ahelpsyntax pre, .ahelpverbatim pre, .ahelpequation pre {
  background: #cccccc;
  white-space: pre;
  border: none;
  padding:  0.5em;
  }

.ahelpequation pre {
  text-align: center;
  }


/* site map */

#map_content_a, #map_content_b, #map_content_c {
  float: left;
  margin-right: 2%;
  width: 30%;
  }

#map_content_c {
  margin-right: 0
  }

#map_content div ul {
  list-style-type: none;
  padding-left: 1em;
  }

/*
 * Experimantal support for figures in threads.
 */
div.figure {
    margin: 1em;
}
div.figure > div.thumbnail > div.screenmedia {
    float: left;
    padding-right: 1em;
    margin-right: 0.5em;
    margin-left: 1em;
    background-color: #ffffff;
}

/* check if we want this for div.thumbnail as well as div.nothumbnail */
div.figure > div.thumbnail > div.screenmedia > img ,
div.figure > div.thumbnail > div.screenmedia > a > img ,
div.figure > div.nothumbnail > div.screenmedia > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Really would like to restrict the width of the 
 * figures "caption" to that of the image, but
 * not easily obvious without manually overiding the
 * width with the image size for each image. As we now
 * center the image within div.screenmedia it has
 * become less of an issue, although current look is
 * not ideal.
 */
div.figure > div > div.screenmedia > p.figures {
    text-align: center;
}

div.figure > div.caption {
    margin: 1em;
    background-color: #eeeeee;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.1em;     /* not sure looks good */
    padding-bottom: 0.1em;
}

/* Hide the print media version of the figure */
/***
div.figure > div.thumbnail > div.printmedia ,
div.figure > div.nothumbnail > div.printmedia {
    display: none;
}
***/

/*  more general than the commented-out rule above */
div.printmedia {
    display: none;
}

/* could the following be handled by clever use of selectors? */
div.clearfloat {
    clear: both;
}

/* end of stylesheet */