/******************************************************************************
* JCMT styles                                                                  *
******************************************************************************/


p, li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.darkline { 
  background: #4682B4;
}

div.error {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
  text-align: center;
}

span.error
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
  text-align: center;
}

div.info
{
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  padding-top: 10px;
  width: 50%;
}

.cright {
  font-family: Tahoma, Verdana, sans-serif; 
  font-size: 12px; 
  color: #FFFFFF; 
  background: #4682B4; 
  text-align: right;
}

body#jcmt_body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: #000000;
  color: #000000;
  text-align: center;
  position: relative;
}

body {
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

/* This is a hack for the eventLog! */
table {
  background-color: #FFFFFF;
}

table.form {
  background-color: #FFFFFF;
}

/* This is a hack for the eventLog! */
form {
  background-color: #FFFFFF;
}

form#downloadForm legend
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;    
  border: none;
  position:relative;
  margin:0;
  /*padding:7px 8px 0 8px;*/
}

div#previewTypes
{
  background-color: #FFFFFF;
  margin: auto;
  height: 60px;
  border: 2px white solid;
  /*vertical-align: middle;*/
  text-align: center;
}

form#previewTypeForm
{
  clear: both;
  /*display: block;*/
  /*margin: auto;*/
  margin-top: 20px;
  /*position: relative;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  vertical-align: middle;
  /*height: 60px;*/
  /*text-align: center;*/
  /*background-color: #FFFFFF;*/
  /*color: #FFFFFF;*/
}

table#results_table {
  /*display: inline;*/
  clear: both;
  background-color: #FFFFFF;
  margin: auto;
  /*max-width: inherit;*/
  /*width: 100%;*/
  position: relative;
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*margin-bottom: 0px;*/
  text-align: center;
  /*table-layout: inherit;*/
  empty-cells: show;
}

table#no_results {
  clear: both;
  background-color: #FFFFFF;
  margin: auto;
  /*max-width: inherit;*/
  /*width: 100%;*/
  position: relative;
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*margin-bottom: 0px;*/
  text-align: center;
}

hr { color: #336699; height : 1px; }

a {
  color: black;
}

h2 {
  font-size: 140%;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 100%;
}

pre {
  font-family: Courier New, Courier, monospace;
  /*font-size: 80%;*/
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: middle;
  background-color: #FFFFFF;
}

th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: bottom;
  text-align: center;
}

th.results_header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: bottom;
  text-align: center;
  background-color: #336699;
  color: #FFFFFF;
}

ul {
  list-style-type: square;
}

.cadcTitle {
  float: left;
  font-size: large;
  color: #000000;
  margin-top: 7px;
}

.cadcSubTitle {
  float: left;
  font-size: small;
  color: #000000;
}

.cadcLink {
  font-size: small;
  color: #000000;
  float: left;
}

.cadcSmallLogo {
  float: left;
  width: 60px;
  height: 75px;
}

#cadcHeader {
  border-color: #000000;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
  width: 750px;
  height: 90px;
  vertical-align: middle;
  margin: auto;
}

#cadcHeader_left {
  width: 600px;
  height: 90px;
  float: left;
}

#cadcHeader_right {
  width: 150px;
  height: 90px;
  float: left;
}

.cadcHeader_right_separator {
  margin-left: 5px;
  margin-right: 15px;
  float: left;
}

#jcmtHeader {
  background-color: #FFFFFF;
  display: block;
  clear: both;
  /*vertical-align: middle;*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
  width: 700px;
  height: 105px;
  text-align: center;
}

.jcmtHeader_image_left {
  float: left;
  width: 100px;
  /*height: 100px;*/
}

.jcmtHeader_image_right {
  width: 100px;
  /*height: 100px;*/
}

.jcmtHeader_text {
  float: left;
  font-weight: bold;
  font-size: large;
  width: 550px;
  margin-top: 20px;
}

.jcmtFooter {
  /*border: 2px solid red;*/
  background-color: #FFFFFF;
  /*position: inherit;*/
  display: block;
  clear: both;
  /*vertical-align: middle;*/
  /*margin: auto;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*text-align: center;*/
}

.jcmtFooter_image_left {
  clear: none;
  text-align: left;
  right: 40%;
  left: 0px;
  width: 50%;
}

.jcmtFooter_image_right {
  text-align: right;
  left: 40%;
  right: 0px;
  width: 48%;
}

#table_form_content {
  /*display: block;*/
  clear: both;
  /*position: static;*/
  text-align: left;
  /*vertical-align: middle;*/
  background-color:#FFFFFF;
  /*border-bottom: ridge black 5px;
  border-left: ridge black 5px;
  border-right: ridge black 5px;*/
  min-width: 800px;
  /*height: 95%;*/
  /*min-width: 80%;*/
  padding: 5 5 5 5;

  /*
    This will extend the whole box to accomodate wide result tables, but the
    header_content, being detached, makes this a problem as it will not extend
    with it!
    2007.03.16  jenkinsd
  */
  /*position: absolute;*/


  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*margin: auto;*/
  /*margin-bottom: 0px;*/
  /*margin-top: 2px;*/
}

#form_content {
  /*display: block;*/
  clear: both;
  /*position: static;*/
  text-align: left;
  /*vertical-align: middle;*/
  background-color:#FFFFFF;
  /*border-bottom: ridge black 5px;
  border-left: ridge black 5px;
  border-right: ridge black 5px;*/
  min-width: 800px;
  margin: auto;
  /*height: 95%;*/
  /*min-width: 80%;*/
  padding: 5 5 5 5;
  /*position: relative;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*margin: auto;*/
  /*margin-bottom: 0px;*/
  /*margin-top: 2px;*/
}

#header_content {
  /*display: block;*/
  clear: both;
  text-align: left;
  /*vertical-align: middle;*/
  background-color:#FFFFFF;
  /*border-top: ridge black 5px;
  border-left: ridge black 5px;
  border-right: ridge black 5px;*/
  min-width: 800px;
  margin: auto;
  /*height: 95%;*/
  /*min-width: 80%;*/
  padding: 5 5 5 5;
  /*position: relative;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*margin: auto;*/
  /*margin-bottom: 0px;*/
  /*margin-top: 2px;*/
}

img {
  border-color: #000000;
  border-style: solid;
  border-width: 0px;
}

.footer {
  margin-bottom: 0px;
  text-align: center;
}

/* Boxed table styles */

table.boxed {
  border-spacing: 2px;
  empty-cells: hide;
}

td.boxed, th.boxed, th.boxedHeader {
  background-color: #ffffff;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  padding: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

th.boxed {
  background-color: #c0c0c0;
}

th.boxedHeader {
  background-color: #808080;
  color: #ffffff;
}



/******************************************************************************
* GSA menus                                                                   *
******************************************************************************/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  /*background-color: white;*/
  border: 0px inset #e0e0e0;
  /*padding: 4px 2px 14px 2px;*/
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: block;
  height: 20px;
}

div.menuBar a.menuButton {
  background-color: #336699;
  border: 1px solid #ffffff;
  color: #FFFFFF;
  /*cursor: default;*/
  /*left: 0px;*/
  /*right: 0px;*/
  margin: auto;
  padding: 2px 45px 2px 45px;
  position: relative;
  text-decoration: none;
  top: 2px;
  /*z-index: 100;*/
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #e0e0e0;
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #003366;
  /*border: 1px inset #e0e0e0;*/
  color: #ffffff;
  left: 1px;
  /*top: 1px;*/
}

div.menu {
  text-align: left;
  background-color: #6699cc;
  /*border: 1px outset #e0e0e0;*/
  left: 0px;
  /*padding: 0px 1px 1px 0px;*/
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: top;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #003366;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
  cursor: default;
  display: block;
  padding: 0px 9em;
  /*text-decoration: none;*/
  white-space: nowrap;
  vertical-align: top;
}

/******************************************************************************
* Input HTTP Forms                                                            *
******************************************************************************/

.inputForm {
  font-family: monospace;
  text-align: left;
  margin: auto;
}

.inputForm_subTitle {
  width: 100%;
  text-align: center;
}

.inputForm_buttonRow {
  margin: auto;
  text-align: center;
}

.inputForm_h2 {
  display: block;
  font-size: 140%;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.inputForm_subCheckbox {
  margin-left: 20px;
}

label {
  margin-right: 10px;
}

label#orderBy {
  margin-left: 30px;
}

label#returnCount {
  margin-left: 30px;
  margin-right: 10px;
}

label.checkBoxLabel {
  margin-left: 10px;
}

label.subRowLabel {
  margin-left: 30px;
}

span.inputForm_row {
  /*border: 1px black solid;*/
  display: block;
  width: 100%;
  margin-top: 5px;
}