t/* Styling for output pages from programs, which */
/* need to be able to expand infinitely off      */
/* to the side to acommodate large tables.       */
/* White background, stretchable banner.         */

body
{
    color: #000;
    background-color: #ffffff;
}

#content 
{
    width: 100%;
    margin:  0 auto;
    border:  0;
    padding: 0;
}

#banner
{
    width:   100%;
    height:  68px;
    margin:  0 auto;
    border:  0;
    padding: 0;
    text-align: left;
    background: url("/images/nsted_flexbanner.jpg");
}

.bbox 
{
    width: 100%;
    margin: 0px auto;
    padding: 0;
    text-align:       center;
    background-color: #ffffff;
}

.bbox table 
{
    border: 0px;
    padding:0;
    margin: 0 auto;
}

.b2box
{
    width:  100%;
    margin: 0px auto;
    background-color: #ffffff;
    padding: 0;
}

/* nudge output pages off the right edge of the page */
.output
{
  margin-right: 10px;
}

/* Default output headers */
.output h1
{
  font-size: 150%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 15px auto;
}
.output h2
{
  font-size: 110%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 15px auto 0px auto;
}

/* Wrapper to give contents some padding */
.sbox, .sbox_small
{
    width:   95%;
    border:  0px;
    padding: 20px;
    margin: 0 auto;
    background-color: #ffffff;
    vertical-align: middle;
}
.sbox table
{
  width: 100%;
}

.titgray
{
  color: gray;
}

/* Navigation bar on results pages */
#nav
{
    margin: 0 auto;
    width: 600px;
    height: 35px;
    border: 0;
    padding: 1px;
    background-color: #ffffff;
}
#nav td
{
  text-align: center;
}

/* Navigation tabs on NStED pages */
#tabs
{
    margin: 0 auto;
    width: 400px;
    border: 0;
    padding: 0;
}
#tabs td { margin: 0; padding: 0; border: 0; }

/* Table with aliases at tops of output pages */
.alias
{
  margin:  30px 0 20px 0;
}
.alias table
{
  border-collapse: collapse;
}
.alias th
{
    font-weight: bold;
    font-size: larger;
    text-align: center;
    color: #454545;
    background-color:  #eeeeee;
    border: 1px solid #000022;
    padding: 3px;
}
.alias td
{
  text-align: right;
  background-color: #fefef8;
  border: 1px solid #000022;
}
/* Table cell on the left side for pages with */
/* two tables side-by-side                    */


#leftcol
{
    margin: 0;
    padding: 0 10px 0 0;
    width: 50%;
    vertical-align: top;
    border: 0;
}

/* Table cell on the right side for pages with */
/* two tables side-by-side                     */
#rightcol 
{
    margin: 0;
    padding: 0 0 0 10px;
    width: 50%;
    vertical-align: top;
}

/*Blue tables on data pages generated by Sieve */
.data1 table,
.wrap  table,
.data  table
{
  border: 1px solid #00356F;
  caption-side: top;
  border-collapse: collapse;
  margin: 0;
  font-size: 95%;
}

.wrap table,
.data table
{
  margin: 0  0 20px 0;
}

.wrap  tr,
.data1 tr,
.data  tr
{
  padding: 0;
  margin: 0;
  border: 0;
}

.wrap  td,
.data1 td,
.data  td
{
    font-weight: normal;
    padding: 2px 4px;
    margin: 0;
    color: black;
    text-align: right;
    background-color: #f0f8ff;
    border: 1px solid #00356F;
}

.data1 td,
.data td
{
    white-space: nowrap;
}


.wrap  th,
.data1 th,
.data  th
{
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  vertical-align: top;
  color: #000066;
  background-color: #d0e0f0;
  border: 1px solid #00356F;
  padding: 2px;
  margin: 0px;
}

.wrap  td.left,

.wrap  th.left,
.data1 th.left,
.data  th.left 
{ 
  text-align: left; 
}

.wrap  th.title,
.data1 th.title,
.data  th.title
{
    color: #FFFFFF;
    font-size: 115%;
    text-align: center;
    font-weight: bold;
    border: 1px solid #00356F;
    margin: 0;
    padding: 2px;
    background-color: #00356F;

}

.data1 th.title-alt1,
.data  th.title-alt1
{
    color: #FFFFFF;;
    font-size: 110%;
    text-align: center;
    font-weight: bold;
    border: 1px solid #999999;
    margin: 0;
    padding: 2px;
    background-color: #00356F;

}

.data1 th.title-alt2,
.data  th.title-alt2
{
    color: #FFFFFF;
    font-size: 110%;
    text-align: center;
    font-weight: bold;
    border: 1px solid #999999;
    margin: 0;
    padding: 2px;
    background-color: #35226F;

}
.wrap  th.title a,
.wrap  th.title a hover,
.wrap  th.title a focus,
.wrap  th.title a visited
.data1 th.title a,
.data1 th.title a hover,
.data1 th.title a focus,
.data1 th.title a visited,
.data  th.title a,
.data  th.title a hover,
.data  th.title a focus,
.data  th.title a visited
{
  color: #ffffff;
  font-size: 90%;
  text-decoration: underline;
}

.data td.bg-alt
{
  background-color: #ededff;
}

.data table.noborder,
.data td.r, 
.data td.u, 
.data td.b 
{
  width: 100%;
  border-color:  #f0f8ff;
  text-align: right;
  margin: 0;
  border: 0;
  padding: 0;
}

.data td.r { text-align: right; padding: 0 0 1px 0;}
.data td.u { text-align: left; font-size: 75%; padding:0; width: 75%; }
.data td.b { text-align: left; font-size: 75%; padding:0; width: 75%; } 

.nodata td, td.nodata
{
    font-weight: bold;
    font-size: smaller;
    text-align: center;
    color: #000000;
    background-color: #f0f8ff;
}


/* div for login boxes */
#login
{
  padding: 0;
  width: 500px;
  margin: 30px auto;
  border: 1px solid #666699;
  background-color: #d5e5fa;
}

#login p
{
  padding: 5px;
  text-align: center;
}
#login table
{
  padding: 0;
  margin: 10px auto;
  border: 0px;
  background-color: #d5e5fa;
}
#login table th
{
  font-weight: bold;
  text-align: right;
}
#login table td
{
  text-align: left;
}

#login h1
{
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 5px 0 5px;
  margin: 0;
  font-size: 150%;
}

#login h2
{
  font-size: 120%;
}

/* Styles for various tables */
.formtitle, .parmstitle
{
    margin: 30px auto 0px auto;
    padding: 0;
    text-align: center;
    color: #770000;
}

.form, .form table, .parms, .parms table
{
    width: 700px;
    margin: 0 20px 0 20px;
    border: 2px solid black;
    border-spacing: 1px;
    border-collapse: collapse;
}

.form th, .parms th
{
    color: #fff;
    background-color: #00356F;  
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #000;
}
.form th { font-style: italic; }

.form th a, .parms th a,
.form th a hover, .parms th a hover,
.form th a focus, .parms th a focus,
.form th a visited, .parms th a visited
{
    color: #FFFFFF;
    background-color: inherit;
    text-decoration: underline;
}

.form td, .parms td
{
    padding: 2px 1em 2px 1em;
    font-size: smaller;
    font-weight: bold;
    font-style: normal;
    color: black;
    border: 1px solid #000;
    background-color: #ffffff;
}

.form td a, 
.form td a:hover,
.form td a:focus,
.form td a:visited
{ color: #00356F; }


/* ETSS Front page form */
.etss_form 
{
    margin: 0 auto;
    border: 0;
    border-collapse: collapse;
    width: 80%;
}
.etss_form .inline_caption
{
  background-color: #ffffff;
  color: #000066;
  padding-top: 15px;
  border: 0;
  margin: 0;
  text-align: center;
  font-style: normal;
}
.etss_form .inline_caption a,
.etss_form .inline_caption a:hover,
.etss_form .inline_caption a:focus,
.etss_form .inline_caption a:visited
{
  color: #000066;
  text-decoration: underline;
}
.etss_form .nw
{
  white-space: nowrap;
  text-align: left;
}

.etss_form th
{
    background-color: #00356F;  
    color: #ffffff;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    font-style: italic;
    white-space: nowrap;
    margin: 0;
    padding: 2px;
    border: 1px solid #000000;
}
.etss_form th h2
{
    color: #770000;
    font-weight: bold;
    font-size: 120%;
    margin: 5px auto;
}
.etss_form th a,
.etss_form th a:visited,
.etss_form th a:focus,
.etss_form th a:hover
{
  color: #ffffff;
  font-weight: normal;
  text-decoration: underline;
}
.etss_form td
{
    padding: 2px 5px;
    margin: 0;
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    border: 1px solid #000;
    text-align: center;
}

.etss_form .no_border
{
    border: 0;
}

/* Tools page */
.tools table
{
    width: 500px;
    margin: 0 auto;
    border: 0;
    border-collapse: separate;
}
.tools .table_cap
{
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  font-style: italic;
}
.tools th
{
    color: white;
    background-color: #00356F;  
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #00356F;
}
.tools th.prop
{
    color: #900;
    background-color: #ffffff;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    padding: 0 5px 0 0;
    border: 0;
}
.tools td
{
    padding: 2px;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    color: black;
    border: 0;
    text-align: left;
}

.tools h1 {
  font-size: 110%;
}
.tools h2
{
  font-size: 100%;
  font-weight: bold;
}

.tools p {
  text-align: justify;
  margin: 5px auto 15px auto;
  width: 60%;
}

.tools .strong
{
  font-weight: bold;
}

/* Sieve plot page styling */

.plot td.his, .labels td.his
{ 
  background-color: #666666; 
  text-align:center; 
  color: #FFFFFF;
}
.labels td.his
{
  border: 1px solid #00356F;
}
.labels td.scat 
{ 
  border: 1px solid #00356F;
}
.plot td.scat, .labels td.scat 
{ 
  background-color: #cccccc; 
  text-align:center; 
  color: #000000;
}
.labels td.both 
{ 
  border: 1px solid #00356F;
}
.labels td.both, plot td.both 
{
  background-color: #F0F6FF; 
  color: #000000;
  text-align: center;
}
.plot
{
  border-collapse: separate;
  border-spacing: 1px;
}
.plot th
{
  color: #ffffff;
  background-color: #00356F;
  font-weight: bold;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
  border: 0;
}
.plot td
{
  padding: 2px;
  font-size: 90%;
  font-weight: bold;
  vertical-align: top;
  color: #000000;
  padding: 3px;
  border: 1px solid #00356F;
  background-color: #F0F6FF;
}


/* Submission button styles and container */
.bnbar
{
    margin: 2em 0 0 0;
    padding: 0;
    text-align: center;
}

.bbn
{
    color: white;
    background-color: #00356F;  
    font-weight: bold;
}

.rbn
{
    color: white;
    background-color: #660000;
    font-weight: bold;
}

.rbn2
{
    color: white;
    background-color: #990000;
    font-weight: bold;
}


/* Load/Save query styles */
.qbox
{
    width: 600px;
    margin: 2em auto 2em auto;
    padding: 0.25em;
}
.qbox table
{
    width: 100%;
    border: 1px solid #ccc;
    border-spacing: 1px;
    border-collapse: collapse;
}

.qbox th
{
    font-size: larger;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: white;
    background-color: #00356F;  
}
.qbox td
{
    font-weight: bold;
    font-style: normal;
    border: 1px solid #ccc;
    color: black;
    background-color: #e2eeff;
}

/* Error messages output by services */
h1.err, h2.err, h3.err, h4.err
{
    width: 500px;
    margin: 1em auto 1em auto;
    text-align: center;
    color: #900;
    border-bottom: 1px solid #ccc;
}

p.err
{
    width: 500px;
    margin: 1em auto 1em auto;
    font-size: larger;
}

/* Error message table (table id="errh") */
#errh
{
    width: 600px;
    margin: 20px auto;
    padding: 0; 
    border: 0;
    font-size: 120%;
}
#errh td, #errh th
{
    vertical-align: top;
    padding: 2px; 
    margin: 0; 
    border: 0;
}
#errh td
{
    color: #044;
    background-color: inherit;
    text-align: center;
}
#errh th
{
    padding-right: 10px;
    color: #900;
    background-color: inherit;
    font-weight: bold;
    text-align: left;
}

/* Double-bordered box to surround informational messages */
.errb
{
    width: 600px;
    margin: 10px auto 0 auto;
    padding: 5px;
    border: 2px solid #088;
}

.errm
{
    text-align: justify;
    padding: 5px;
    color: inherit;
    background-color: #dfefef;
}

.errm p:first-letter
{
    font-size: 150%;
    font-style: italic;
    color: #900;
    background-color: inherit;
}

.labels  table
{
  width: 400px;
}
.labels td
{
  background-color: #ffffff;
  white-space: nowrap;
  text-align: left;
}

/* Sieve results page (lists of matches */
.results
{
    width: 700px;
    margin: 5px auto;
    border: 1px solid black;
    border-spacing: 1px;
    border-collapse: collapse;
    overflow: auto;
    position:relative;
}
.results th
{
    padding: 3px 5px 3px 1em;
    color: white;
    background-color: #00356F;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #ccc;
}
.results td.left,
.results td
{
    padding: 2px 1em 2px 1em;
    font-size: smaller;
    font-style: normal;
    color: black;
    border: 1px solid #999;
    background-color: #ffffff;
}
.results td { text-align: right; }
.results td.left { text-align: left; white-space: nowrap; }
.results td.even { background-color: #F8F8F8; }
.results td.odd { background-color: #E8E8E8; }
.results .unit
{
    background-color: #f0f4ff;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    text-align: center;
  
}
.results td a { color: #000066; }
.results th a,
.results th a:visited,
.results th a:hover,
.results th a:focus
{
    color: #ffffff;
    background-color: inherit;
    text-decoration: underline;
}

.results table.noborder,
.results td.r,
.results td.u,
.results td.b 
{
  width: 100%;
  background-color: #f8f8f8;
  border-color:  #e8e8e8;
  text-align: right;
  margin: 0;
  border: 0;
}

.results td.r { text-align: right; padding: 0 0 1px 0; font-size: inherit;}
.results td.u { text-align: left; font-size: 75%; padding:0; }
.results td.b { text-align: left; font-size: 75%; padding:0; }


.note
{
  margin: 5px 0 0 0;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  color: #006;
}


/* Styling for data display page (HC, Lightcurve, Image, Spectra) */

/* Gray background, bordered box to set off sections */
.showdata_box
{
  width: 1100px;
  padding: 20px;
  border: 5px solid #C8CDD2;
  background-color: #F0F0F0;
  margin: 10px auto;
}

.showdata_nobg { 
  border: 0; 
  background-color: #FFFFFF;
}

.showdata_lightcurve { width: 1100px; }
.showdata_spectra { width: 920px; }
.showdata_hc { width: 780px; }
.showdata_image { width: 750px; }

.showdata_box table.outline
{
  border: 1px solid #000000;
  background-color:#CCCCCC;
}

.showdata_box table.outline th
{
  font-weight: normal;
  text-align: left;
}
.showdata_box table.outline td
{
  font-style: italic;
  text-align: left;
}

.showdata_box table
{
  border-collapse: separate;
  border-spacing: 5px;
}
.showdata_box td.left
{
  background-color: #ffffff;
  border: 1px solid #000;
  padding: 3px;
  vertical-align: top;
  text-align: center;
  width: 910px;
}
.showdata_box td.right
{
  width: 150px;
  border: 1px solid #000;
  background-color: #E0E0E0;
  vertical-align: top;
  text-align: left;
}
.showdata_box td.bottom
{
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

.showdata_box h2
{
  font-size: 110%;
  color: #000066;
  font-weight: bold;
  font-style: italic;
  text-align: left;
}

/* Fake buttons for submissions */
.showdata_box .graybutton 
{
  display: block;
  border: 2px solid #555555;
  background-color: #C8CDD2;
  font-weight: normal;
  color: #444444;
  margin: 5px;
  padding: 2px;
  text-align: center;
  font-family: Arial, helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  text-decoration: none;
}
.showdata_box .graybutton a, 
.showdata_box .graybutton a:visited,
.showdata_box .graybutton a:focus,
.showdata_box .graybutton a:hover
{
  display: block;
  color: inherit;
  text-decoration: inherit;
}
.showdata_box .redbutton 
{
  display: block;
  border: 2px solid #770000;
  background-color: #990000;
  font-weight: normal;
  color: #FFFFFF;
  margin: 5px;
  padding: 2px;
  text-align: center;
  font-family: Arial, helvetica, sans-serif;
  font-size: 80%;
  text-decoration: none;
}
.showdata_box .redbutton button
{
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #990000;
  color: #FFFFFF;
}

a.redbutton, a.redbutton:link, a.udl.redbutton, a.redbutton:active
{
    border: 0;
    color: #660000;
    background-color: inherit;
    text-decoration: underline;
}

a.redbutton:hover, a.redbutton:focus { text-decoration: underline; color: inherit; }
  
.showdata_box p
{
  margin: 5px auto;
  padding: 2px;
  text-align: justify;
}

.showdata_box table.gray
{
  margin-bottom: 20px;
  background-color: #CFCFCF;
  border-collapse: collapse;
  border: 2px solid silver;
}
.showdata_box table.gray th
{
  font-weight: bold;
  text-align: left;
  padding: 2px;
  border: 1px solid silver;
  vertical-align: top;
  white-space: nowrap;
}
.showdata_box table.centered th
{
  text-align: center;
}
.showdata_box table.thirds td
{
  width: 33%;
}
.showdata_box table.halves td
{
  width: 50%;
}
.showdata_box table.gray td
{
  font-weight: normal;
  text-align: left;
  padding: 2px;
  vertical-align: top;
  border: 1px solid silver;
  background-color: #e9e9e9;
}
.showdata_box table.centered td
{
  text-align: center;
}
.showdata_box table.gray caption
{
  color: #660000;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  text-decoration: none;
}

/* Gray background tables for metadata display */
table.grayboxes 
{
  border-collapse: separate;
  border: 1px solid #000000;
  border-spacing: 3px;
  background-color: #ffffff;
  margin: 5px auto;
}
table.grayboxes th
{
  background-color: #dddddd;
  text-align: center;
  vertical-align: top;
}
table.grayboxes td
{
  background-color: #ffffff;
  text-align: center;
  font-size: 85%;
  padding: 3px;
}

table.grayboxes caption
{
  font-weight: bold;
  font-size: 110%;
}

/* Histogram styles */
.hisbox
{
    width: 500px;
    margin: 20px auto 5px;
    padding: 3px;
}
.hisbox caption a,
.hisbox caption a:hover,
.hisbox caption a:focus,
.hisbox caption a:visited
{
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}
.hisbox td
{
  text-align: left;
}
.hisbox td.right
{
  text-align: right;
}

/* Paragraph style to contain navigation */
/* submit buttons on results pages       */
.button_images
{
  vertical-align: middle;
  text-align: center;
  margin: 3px 0;
  padding: 0;
}
.button_images input
{
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* style for navigation bar at the templates */
#navTmp  {
  float: right;
  margin:0; 
  padding: 10px 1px 0 1px; 
  list-style: none;
  background: #003366;
}

#navTmp a {
  float: left;
  display: block;
  margin:0;
  padding: 4px 20px 5px 20px;
  color: #333;
  text-decoration: none;
  border: 1px solid #333333;
  list-style: none;
  background: #d0e0f0;
}

#navTmp a.on{
  border-color: #727377;
  border-bottom: 1px solid #c0c0c0;
  color: #999;
  padding-bottom: 5px;
  background: #ffffff;
}

#navTmp li {
  float: left;
  margin: 0 1px 0 0;
  padding: 0;
  font-family: "Lucida Grande", sans-serif;
  font-size:  80%;
}