/*
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography
* 11 Other
*/


/*
# Colour reference ###################


*/

/*
# Reset defaults ###################
*/
@import url("/style/reset.css");

/*
# Layout ###################
*/

body {
  line-height: 1.5em;
  font-family: Arial, Helvetica,  sans-serif;
  font-size: 13px;
  min-width: 849px;
  background-color: #FFFFFF;
}

#skipnav {
  display: none;
  visibility: hidden;
}

#header {
  height: 10px;
}

#headercamo {
  display: none;
  visibility: hidden;
}

#main {
  clear: both;
  min-width: 600px;
  width: 100%;
  min-height: 400px;
}

#content {
  min-height: 150px;
  min-width: 650px;
  padding: 10px 8px 20px 12px;
  clear: both;
}

#footer {
  display: none;
  visibility: hidden;
  min-width: 725px;
  position: absolute;
  width: 100%;
  height: 70px;
  z-index: 1000;
  padding: 15px 0px 0px 0px;
  border-top: 1px solid #CCCCCC;
  font-size: 85%;
  color: #000000;
  text-align: center;
  line-height: 1.1;
  background-color: #FFFFFF;
}

#leftLogo {
  float: left;
  margin: 0px 0px 0px 20px;
}

#rightLogo {
  float: right;
  margin: 0px 20px 0px 0px;
}

/*
# Nav ###################
*/

#sidebar {
  display: none;
  visibility: hidden;
}

#nav {
  list-style-type: none;
}

p.highlight {
  background-color: #4A5D26;
  display: block;
  width: 123px;
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 0px 6px;
  color: #EFECB6;
  font-weight: bold;
  border: 1px solid transparent;
}

#spotlight {
  margin: 30px 3px 0px 3px;
  border: 1px solid #000000;
}

#spotlight p {
  margin: 0px 0px 5px 0px;
  padding: 3px 0px 3px 0px;
  text-align: center;
  background-color: #202d0a;
}

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

#spotlight ul li {
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  line-height: 1.3;
  width: 100%;
}

#spotlight ul li.choice {
  background-color: #4A5D26;
}

#spotlight ul li a:link,
#spotlight ul li a:visited {
  display: none;
  visibility: hidden;
  width: 113px;
  padding: 0px 0px 0px 3px;
  color: #EFECB6;
  text-decoration: none;
  border: 1px solid transparent;
  border-left: 5px solid #38491C;
}

#spotlight ul li a:hover {
  border: 1px solid #677b40;
  border-left: 5px solid #677b40;
}

#spotlight ul li a.choice:link,
#spotlight ul li a.choice:visited {
  display: none;
  visibility: hidden;
  padding: 0px 0px 0px 7px;
  width: 113px;
  border: 1px solid transparent;
  color: #EFECB6;
  font-weight: bold;
}

#spotlight ul li a.choice:hover {
  background-color: transparent;
}

#spotlight ul.subnav {
  list-style-type: none;
  margin: 3px 0px 0px 10px;
  padding: 0px 0px 5px 0px;
  font-weight: normal;
  color: #CDC989;
  background-color: #38491C;
  border-left: 2px solid #2a3912;
  border-bottom: 2px solid #4A5D26;
}
#spotlight ul.subnav li {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 0px;
  color: #cdc989;
}
#spotlight ul.subnav li a:link,
#spotlight ul.subnav li a:visited {
  display: none;
  visibility: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
  width: 100px;
  text-decoration: none;
  border: 1px solid #38491C;
  border-left: 4px solid #38491C;
  color: #c5c075;
}
#spotlight ul.subnav li a:hover {
  border: 1px solid #69784f;
  border-left: 4px solid #69784f;
}
#spotlight ul.subnav li.choice {
  list-style-type: none;
  margin: -1px 0px 0px 0px;
  padding: 3px 5px 2px 7px;
  background-color: #2a3912;
  width: 101px;
}

#nav li {
  display: none;
  visibility: hidden;
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  line-height: 1.3;
  width: 100%;
}

#nav li.choice {
  background-color: #4A5D26;
}

#nav li a:link,
#nav li a:visited {
  display: none;
  visibility: hidden;
  width: 121px;
  padding: 0px 0px 0px 3px;
  color: #EFECB6;
  text-decoration: none;
  border: 1px solid transparent;
  border-left: 5px solid #38491C;
}

#nav li a:hover {
  border: 1px solid #677b40;
  border-left: 5px solid #677b40;
}

#nav li a.choice:link,
#nav li a.choice:visited {
  display: none;
  visibility: hidden;
  padding: 0px 0px 0px 8px;
  width: 121px;
  border: 1px solid transparent;
  color: #EFECB6;
  font-weight: bold;
}

#nav li a.choice:hover {
  background-color: transparent;
}

#nav ul.subnav {
  list-style-type: none;
  margin: 3px 0px 0px 10px;
  padding: 0px 0px 5px 0px;
  font-weight: normal;
  color: #CDC989;
  background-color: #38491C;
  border-left: 2px solid #2a3912;
  border-bottom: 2px solid #4A5D26;
}

#nav ul.subnav li {
  list-style-type: none;
  margin: 1px 0px 2px 0px;
  padding: 2px 0px 2px 0px;
  color: #cdc989;
}

#nav ul.subnav li a:link,
#nav ul.subnav li a:visited {
  display: none;
  visibility: hidden;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
  width: 109px;
  text-decoration: none;
  border: 1px solid #38491C;
  border-left: 4px solid #38491C;
  color: #c5c075;
}

#nav ul.subnav li a:hover {
  border: 1px solid #69784f;
  border-left: 4px solid #69784f;
}

#nav ul.subnav li.choice {
  list-style-type: none;
  margin: 1px 0px 3px 0px;
  padding: 3px 5px 2px 7px;
  background-color: #2a3912;
  width: 108px;
}

/*
# Headings ###################
*/

h1, h2, h3, h4, h5 {
  color: #4A5D26;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 {
  font-size: .9em;
  border-top: 1px solid #9da68b;
  border-left: 1px solid #9da68b;
  padding-left: 5px;
}

h3.section {
  border-bottom: 1px solid #4A5D26;
  margin-top: 20px;
}

h4.section {
  background-color: #F0F0F0;
  padding-left: 5px;
  margin-bottom: 7px;
  margin-top: 7px;
}

h3 a {
  font-size: 80%;
  font-weight: normal;
}

#guideBody h5 {
  padding-top: 0px;
  padding-bottom: 0px;
}

/*
# Lists ###################
*/


/*
# Images ###################
*/

/*
img{border:none;}
*/
img.buffer{
  margin: 0px 5px -3px 0px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #000000;
  float: left;
}

img.left {
  float: left;
  margin: 4px 7px 0px 0px;
}

img.right{
  float: right;
  margin: 4px 0px 0px 7px;
}

/*
# Links ###################
*/

#content a:link,
#content a:visited {
  text-decoration: none;
  color: #4A5D26;
  white-space: nowrap;
  border-left: 2px solid #FFFFFF;
  background-color: #FFFFFF;
  padding-left: 3px;
  border-bottom: 1px solid #4A5D26;
  padding-right: 4px;
  padding-bottom: 1px;
}

#content a:hover {
  text-decoration: none;
  white-space: nowrap;
  border-left: 2px solid #5B6E26;
  background-color: #FFFFDD;
  padding-left: 3px;
  border-bottom: 2px solid #5B6E26;
}

#content tr.even a:link,
#content tr.even a:visited {
  border-left: 2px solid #DDDDDD;
  background: #DDDDDD;
}

#content tr.even a:hover {
  border-left: 2px solid #5B6E26;
}

#content a.ext {
  display: inline-block;
  padding-top: 0px;
  padding-right: 14px;
  background: url(/images/aoutside.gif) no-repeat scroll right top;
  white-space: nowrap;
  height: 16px;
}

/*
# Forms ###################
*/

#searchForm {
  position: relative;
  left: 7px;
}

#words {
  position: relative;
  top: 0px;
  border: 1px solid #000000;
  padding: 1px 1px 1px 1px;
  margin: 0px 0px 0px 0px;
  font-size: 70%;
  width: 68px;
  background-color: #A9AD90;
}

#searchBtn {
  position: absolute;
  top: 2px;
  left: 75px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: 17px;
  width: 38px;
}



/*
# Tables ###################
*/
table.w580 { width: 580px; }
table.w480 { width: 480px; }
table.w380 { width: 380px; }

table.generic {
  vertical-align: top;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  font-size: 11px;
  height: auto;
}

table.generic .caption,
table.generic caption {
  margin: 0px 0px 0px 0px;
  padding: 3px 7px 3px 7px;
  border: 1px solid #000000;
  text-align: center;
  caption-side: top;
  color: #EFECB6;
  font-size: 1.3em;
  background-color: #38491C;
  white-space: nowrap;
}


table.generic thead {
  text-align: center;
  font-size: 12px;
  border: 1px solid #000000;
}

table.generic th {
  background-image: none;
  background-color: #38491C;
  margin: 0px 0px 0px 0px;
  padding: 5px 4px 5px 4px;
  border: 1px solid #000000;
  line-height: 135%;
  color: #EFECB6;
}

table.generic td {
  padding: 1px 4px 1px 4px;
  text-align: left;
  border-left: 1px solid #000000;
}

table.generic td.cntr {
  text-align: center;
}

.even  {
  background: #DDDDDD;
  background-image: none;
  color: #000000;
}

.odd  {
  background: #FFFFFF;
  background-image: none;
  color: #000000;
}

table.swversion {
  vertical-align: top;
  margin-bottom: 20px;
  border: 2px solid #000000;
  font-size: 11px;
  height: auto;
}

table.swversion thead {
  background-image: none;
  background-color: #38491C;
  text-align: center;
  font-size: 12px;
  border: 2px solid #000000;
}

table.swversion th {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  border: 2px solid #000000;
  line-height: 135%;
  font-weight: bold;
  color: #EFECB6;
}

table.swversion td {
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 10px;
  border: 2px solid #000000;
  border-top: none;
  border-bottom: none;
}


table.downTable {
  vertical-align: top;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  font-size: 11px;
  height: auto;
  width: 610px;
}

table.downTable caption {
  color: #EFECB6;
  margin: 0px 0px 0px 0px;
  padding: 3px 7px 3px 7px;
  border: 1px solid #000000;
  font-weight: bold;
  text-align: center;
  caption-side: top;
  font-size: 1.3em;
  background-color: #38491C;
  white-space: nowrap;
}


table.downTable thead {
  background-image: none;
  background-color: #38491C;
  text-align: center;
  font-size: 12px;
  border: 1px solid #000000;
}

table.downTable th {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 4px 5px 4px;
  border: 1px solid #000000;
  line-height: 135%;
  font-weight: bold;
  color: #EFECB6;
}

table.downTable th.system { width: 90px; }
table.downTable th.time { width: 65px; }
table.downTable th.date { width: 80px; }

table.downTable td {
  padding: 1px 4px 1px 4px;
  text-align: center;
}

table.downTable td.details {
  padding: 0px 0px 0px 5px;
  text-align: left;
}

table.downTable td.system {
  width: 90px;
}

table.downTable td.time {
  width: 65px;
}

table.downTable td.date {
  width: 80px;
}

table.contact {
  vertical-align: top;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  font-size: 11px;
  height: auto;
  width: 580px;
}

table.contact caption {
  color: #EFECB6;
  margin: 0px 0px 0px 0px;
  padding: 3px 7px 3px 7px;
  border: 1px solid #000000;
  font-weight: bold;
  text-align: center;
  caption-side: top;
  font-size: 1.3em;
  background-color: #38491C;
  white-space: nowrap;
}

table.contact th {
  font-weight: bold;
  width: 125px;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
  border-bottom: 1px solid #AAAAAA;
  background-color: #EEEEEE;
}

table.contact td {
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 10px;
  border-bottom: 1px solid #AAAAAA;
}

table.queue {
  font-size: 11px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #000000;
  background-color: #38491C;
}

table.queue caption {
  margin: 0px 0px 0px 0px;
  padding: 1px 3px 2px 3px;
  border: 1px solid #000000;
  font-weight: bold;
  text-align: center;
  caption-side: top;
  font-size: 1.3em;
  color: #EFECB6;
  background-color: #38491C;
  white-space: nowrap;
}

table.queue thead {
  font-size: 12px;
  line-height: 1.2;
}

table.queue th {
  font-weight: bold;
  width: 125px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px solid #000000;
  color: #EFECB6;
  background-color: #38491C;
  text-align: center;
}

table.queue tbody th,
table.queue td {
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  border-left: 1px solid #000000;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}

table.queue .col1 {
  width: 60px;
  background-color: #38491C;
  color: #EFECB6;
  border-bottom: none;
  margin: auto auto auto auto;
  text-align: center;
}

#priority_arrow {
  vertical-align: middle;
  background-color: #38491C;
}

#priority_arrow img {
  display: block;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
  background-color: #38491C;
}

table.queue .comment {
  width: 280px;
  text-align: left;
}

/*
# Typography ###################
*/

p{margin:0 0 1.5em;}

.strong {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

/*
# Other ###################
*/

.right{float: right;}
.left{float: left;}
.cntr {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

#welcome,
.newsBlock {
  width: 95%;
  min-width: 580px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: #CCCCCC;
}

#welcome h3,
.newsBlock h3 {
  background-color: #38491C;
  color: #EFECB6;
  padding: 1px 0px 1px 10px;
  margin: 0px 0px 0px 0px;
}

#welcome h4,
.newsBlock h4 {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 5px;
}

#welcome p,
.newsBlock div,
.newsBlock p {
  padding: 0px 0px 0px 0px;
  margin: 0px 7px 7px 20px;
  background-color: #FFFFFF;
}

.newsBlock p.right {
  font-size: 85%;
  padding-top: 5px;
}

.newsBlock ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 15px;
}

.newsBlock ul ul {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 15px;
  margin-bottom: 15px;
  padding-left: 2px;
}

ul.addNews {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 55px;
  padding-bottom: 15px;
}

/* HW RESOURCE LISTING */

h3.hwName {
  width: 3.7em;
  float: left;
  margin: 14px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

div.system caption {
  background-color: #38491C;
  color: #EFECB6;
  text-align: center;
  font-size: 14px;
  border: 1px solid #000000;
  border-bottom: none;
  padding: 1px 3px 1px 3px;
}

div.system thead {
  background-color: #38491C;
  color: #EFECB6;
  text-align: center;
  font-size: 12px;
  border: 1px solid #000000;
}

div.system thead th {
  text-align: center;
  padding: 2px 6px 2px 6px;
  border: 1px solid #000000;
  line-height: 115%;
}

div.system tbody th {
  text-align: center;
  padding: 2px 6px 2px 6px;
  border-right: 1px solid #000000;
  line-height: 115%;
  width: 100px;
}

div.system td {
  padding: 2px 6px 2px 6px;
  border-right: 1px solid #000000;
  line-height: 115%;
  width: 200px;
  white-space: nowrap;
}

div.system {
  position: relative;
  margin-top: 0px;
  clear: both;
  padding-bottom: 20px;
}

div.system table {
  border: 1px solid #000000;
  font-size: 11px;
}

#nodeConfig table {
  width: 67%;
  margin-left: auto;
  margin-right: auto;
}

#sysList {margin-left: 20px; }

#sysList table {
  width: 67%;
}

#hwProfiles {
  min-width: 690px;
}

#hwProfiles div.system {
  min-height: 270px;
}

#hwProfiles ul.resources {
  margin: 13px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  width: 620px;
  white-space: nowrap;
}

#hwProfiles li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

#hwProfiles div.leftBlock {
  clear: both;
  width: 215px;
}

#hwProfiles img.hwImg {
  display: none;
  visibility: hidden;
/*
  border: 2px solid #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 211px;
*/
}

#hwProfiles table.filesystems {
  width: 100%;
  clear: both;
}

#hwProfiles table.nodes {
}

/* SIMPLE UL */
p.ulHead {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

ul.simple {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 15px;
  margin-bottom: 15px;
}

ul.simple li {
  line-height: 1.5em;
}

#TOC ul li.simple {
  list-style-type: disc;
  list-style-position: outside;
  margin: 3px 0px 1px 35px;
}

ol.simple {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 30px;
  margin-bottom: 15px;
  padding: 0px 0px 0px 0px;
}

ol.simple li {
  list-style-type: decimal;
  margin: 0px 0px 7px 0px;
  padding: 0px;
  line-height: 1.6em;
}

ul.float {
  list-style-type: none;
  padding-bottom: 35px;
}

ul.float li {
  display: block;
  float: left;
  margin: 3px 10px 3px 10px;
}

ul ul.simple {
  margin-top: 10px;
  margin-bottom: 5px;
  list-style-type: circle;
}

.indent {
  display: block;
  margin-left: 15px;
  margin-bottom: 5px;
}

.bold {
  font-weight: bold;
}

p.tableFoot1 {
  margin: -20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-style: italic;
  font-size: 85%;
  text-align: center;
}

p.tableFoot2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

p.tableFoot3 {
  margin: -20px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

/* DEFINITIONS */

div.define span.term {
  font-family: monospace;
  font-weight: bold;
}

div.define p {
  display: block;
  margin-left: 35px;
}

/* CODE AND SHELL TEXT */
pre { font-family: monospace;}

tt,
.code {
  font-size: 85%;
  font-family: monospace;
  white-space: nowrap;
}

.codeBlock {
  background: #FFFFFF url(/docs/images/codeBlockTop.gif) no-repeat scroll right top;
  font-size: 85%;
  margin: 0px 0px 10px 15px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 5px;
  white-space: nowrap;
  font-family: monospace;
  border-left: 1px solid #000000;
  line-height: 1.3;
}

.codeBlock p {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 4px;
}

p.codeIntro {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/* TABLE OF CONTENTS */

#TOC {
  padding-bottom: 30px;
  margin-bottom: 0px;
  border-bottom: 2px solid #4A5D26;
}

ol.toc {
  list-style-type: decimal;
  margin-left: 30px;
  padding: 0px 0px 0px 0px;
}

ol.toc li {
  list-style-type: decimal;
  margin: 0px 0px 7px 0px;
  padding: 0px;
  line-height: 1.3;
}

ol.toc li a {
  padding-left: 3px;
  padding-right: 3px;
  color: #EFECB6;
  text-decoration: none;
}

li.lev1 {
  margin: 6px 0px 3px 0px;
}

li.lev2 {
   margin: 3px 0px 1px 25px;
}

li.lev3 {
   margin-left: 50px;
}

span.answer {
  background-color: #F0F0F0;
  color: #4A5D26;
  font-weight: bold;
  width: 1.5em;
  text-align: center;
  padding-left: 3px;
  margin-right: 5px;
  margin-bottom: 0px;
  float: left;
}

span { white-space: nowrap; }


/*
# Quick Links Styles  ###################
*/
#quickLinksHome {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
  display: block;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
}

#local_resources {
  position: relative;
  display: block;
  float: left;
}

#program_resources {
  position: relative;
  display: block;
  float: right;
}

/*
# Publications Styles ###################
*/
#pubs div {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

#pubs a:hover {
  text-decoration: none;
  white-space: nowrap;
  border-left: 2px solid #FFFFFF;
  background-color: #FFFFDD;
  padding-left: 3px;
  border-bottom: 2px solid #5B6E26;
}

/*
# Data Analysis Styles ##################
*/
#zsu {
  float: left;
  margin: 0px 10px 20px 0px;
  width: 150px;
  height: 113px;
}

#shuttle {
  float: right;
  margin: 0px 0px 20px 10px;
  width: 150px;
  height: 113px;
}







.alert {
  color: #FF0000;
  background-color: #FFFF00;
  font-weight: bold;
}