/*
 * common.css
 *
 * Styles that are common to many files
 *
 * Pallette colors:
 *   #1B325F darkest blue
 *   #2B4E72 dark blue
 *   #2790B0 teal
 *   #9CC4E4 light blue
 *   #94BA65 light green
 *   #C7BA99 light brown
 */

body {
  margin                : 0px;
  padding               : 0px;
  background-color      : #4E4E4E;      /* Outer frame color */
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 13px;
}

h1 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.8em;
  color                 : dimgray;
  font-weight           : bold;
}

h2 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.6em;
  color                 : slategray;
  font-weight           : bold;
  margin-top            : 15px;
}

h3 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.4em;
  color                 : black;
  margin-top            : 10px;
}

h4, h5, h6 {
  font-family           : Arial, Helvetica, Sans-serif;
  font-size             : 1.2em;
  font-weight           : bold;
  color                 : black;
}

p, ul, ol, dd, div, td, input, textarea, select {
  font-family           : Arial, Helvetica, Sans-serif;
  color                 : black;
  font-size             : 12px;
  line-height           : 1.5;
}

ul {
  list-style-type :square;
}

ul ul {
  list-style-type :disc;
}

ul ul ul {
  list-style-type :none;
}

table.style1 {
  border                : 5px groove #2B4E72;
  width                 : 90%;
  margin                : 2em 1em;
}

table.style1 thead th {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  background-color      : #2B4E72;
  color                 : white;
  line-height           : 1.5;
}

table.style1 td {
  border                : 1px solid black;
}

table.style1 tbody th {
  border                : 1px solid black;
  text-align            : left;
}

table.noborder td {
  border                : 0px;
}

a  {
  text-decoration       : none;
  color                 : #000099;
  font-weight           : bold;
}

a:hover {
  text-decoration       : underline;
}

a:visited {
  color                 : #551a8b;
}

a.block {
  display               : block;
  margin-bottom         : 12px;
  border                : 1px solid #FFF;
  padding               : 4px;
  color                 : #000;
  text-decoration       : none;
  font-weight           : normal;
  font-size             : 12px;
}

a.block:hover {
  border                : 1px solid #CCC;
  color                 : #000;
  background            : #F3F3F3;
  text-decoration       : none;
  font-size             : 12px;
}

.required {
  font-weight           : bold;
  color                 : black;
}

.message {
  font-size             : 110%;
  font-weight           : bold;
  color                 : #FF0000;        /* red */
}

.toggle {
  display               : none;
}

/* Header */

#header {
  width                 : 1000px;
  margin                : 1em auto 0px;   /* page will be 1em from top of window */
  background            : black;
  border                : solid black;
  border-width          : 10px 2px 0px 2px;
  border-width          : 5px 0px 5px 0px;
}

#header img, #header table, #header td {
  border                : 0px;
}

#header .banner {
  width                 : 820px;
  height                : 130px;
}

#header .logo {
  width                 : 180px;
  height                : 130px;
}

#sitename {
  height                : 130px;
}

#sitename h1 {
  padding               : 30px 0 0 40px;
  color                 : black;
}

#globalnav {
  padding-left          : 180px;
  text-align            : center;
  vertical-align        : bottom;
  width                 : 820px;      /* 1000px - the 190px padding */
  float                 : left;
  background-color      : black;
  height                : 37px;
}

/* Let's get these list items to align across the top */
#globalnav ul {
  padding               : 0em;
  margin                : 0em;
}

#globalnav li {
  position              : relative;
  list-style            : none;
  margin                : 0px;
  float                 : left;
  width                 : auto; /* 820px (width of menus) / 6 (number of main menus) width could be as much as 900px */
}

#globalnav li a {
  width                 : 137px;
  padding               : 0px 0px 0px 0px;
  display               : block;
  background            : #7F7F7F url(../images/button-gradient.png) repeat-x;
  color                 : white;
  font-weight           : bold;
  text-decoration       : none;
  height                : 37px;
}

#globalnav li.separator {
  background-color      : cyan;
}

#globalnav li a:hover {
  text-decoration       : none;
  color                 : cyan;
  font-size             : 12px;
  font-weight           : bold;
}

#globalnav ul a {
  width                 : 115px;
  height                : 20px;
  padding               : 5px 0px 5px 0px;
}

#globalnav ul ul {
  position              : absolute;
  width                 : 137px;
  display               : none;
}

#globalnav ul.level1 li.submenu ul.level2 li a {
  color                 : white;
  margin-left           : 0px;
  height                : 30px;
  padding               : 3px 0px 0px 0px;
}

#globalnav ul.level1 li.submenu:hover ul.level2 {
  display               : block;
}

#globalnav ul.level1 li.submenu ul.level2 li a:hover {
  color                 : cyan;
}

#globalnav ul.level3 {
  top                   : -1px;
  left                  : 137px;
}

#globalnav ul.level2 li.submenu:hover ul.level3 {
  display               : block;
}

/* Page */

#page {
  width                 : 1000px;
  margin                : auto;
  background            : #FFFFFF  url(../images/links_background.gif) repeat-y;
  border                : solid black;
  border-width          : 0px 0px 0px 0px;
}

#search_page {
  width                 : 1000px;
  margin                : auto;
  background            : #FFFFFF;
  border                : solid black;
  border-width          : 0px 0px 0px 0px;
}

/* Sidebar */

div#sidebar {
  float                 : left;
  width                 : 156px;                /* 180 - 12x2 in padding */
  background            : #7F7F7F url(../images/black-grey-gradient.png) repeat-x;
  padding               : 1em 12px 2em;   /* a minimum spacing all round */
  color                 : white;
}

div#sidebar h4 {
  margin                : 0;
  padding-top           : 1em;
  background-color      : transparent;
  font-family           : Arial, Helvetica, Sans-serif;
  color                 : white;
  font-size             : 1.2em;
  font-weight           : bold;
}

div#sidebar a {
  width                 : 140px;
  height                : 20px;
  background            : transparent url(../images/button-gradient.png) repeat-x;
  display               : block;
  margin                : 0;
  padding               : 6px;
  color                 : white;
  font-size             : 13px;
  font-weight           : bold;
  text-decoration       : none;
}

#sidebar a:hover {
  background            : white url(../images/button-gradient-hover.png) repeat-x;
  color                 : cyan;
  font-size             : 13px;
  font-weight           : bold;
  text-decoration       : none;
}

/* Content */

#content {
  width                 : 750px;                /* 780px - 25px r margin - 5px for IE6 */
  margin-left           : 205px;                /* 180px for links + 25px l margin */
  padding-bottom        : 2em;
}

#search_content {
  width                 : 970px;                /* 1000px - 25px r margin - 5px for IE6 */
  margin-left           : 25px;
  padding-bottom        : 2em;
}

div#content p
{
  /* padding-bottom        : 1em; */
  text-align            : justify;
}

div#content li {
}

.title {
  margin                : 0px;
  padding               : 2em 0px 0em;
  font-size             : 180%;
  font-weight           : bold;
  color                 : #555555;
}

.secondary {
  margin                : 0px;
  padding               : 2em 0px 1em;
  font-size             : 120%;
  font-weight           : bold;
  color                 : black;
}

.imageleft {
  float                 : left;
  margin                : 0px 20px 10px 0px;
}

.imageright {
  float                 : right;
  margin                : 0px 0px 10px 20px;
}

.caption {
  font-size             : 80%;
  color                 : gray;
  text-align            : left;
}

.grey {
  background-color      : gray;
}

.footnote {
  font-size             : 80%;
}

fieldset.option_value {
  background            : #eeeeee;
}

/* Footer */

#footer {
  clear                 : both;
  width                 : 1000px;
  height                : 40px;
  margin                : -2em auto 1em ; /* page will be 1em from bottom of window */
  padding-bottom        : 0px;           /* 15px + 25px to match padding in #info */
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 85%;
  text-align            : center;
  background            : #FFFFFF  url(../images/links_background.gif) repeat-y;
}

#info {
  float                 : left;
  margin                : 0px;
  height                : 30px;
  width                 : 130px;
  color                 : #000;
  background-color      : #7F7F7F;
  line-height           : 1.5em;
  padding               : 0em 25px 0em 25px;
}

/* For the cluster lists when submitting jobs */
fieldset#clusters
{
  margin-top : 1em;
}

fieldset#clusters legend
{
  font-size  : large;
  font-family: verdana, arial, helvetica, sans-serif;
}

fieldset#clusters td, fieldset#clusters th
{
  text-align : center;
  padding    : 0em 1.5em;
  font-size  : medium;
}

fieldset#clusters td.cluster
{
  text-align : left;
}

fieldset#clusters tr.subheader th
{
  font-size  : x-small;
}

.fixed {
  font-family           : monospace;
}