/*
 * Local style sheet
 */

.debug { border: solid thin red; }

/* page layout */

#outerWrapper {
  text-align: left;
}

#gtlogo {
  text-align: left;
  width: 160px;
}

#shiblogo {
  text-align: right;
  width: 218px;
  padding-right: 10px
}

#head {
  text-align: center;
}

#subhead {
  text-align: center;
  font-size: 12pt;
  padding-bottom: 0.5ex;
}

#banner {
  background-color: white;
  color: #119;
  /*width: 596px;*/
  /*width: 100%;*/
  height: 100px;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  font-size: 32pt;
}

#navbar {
  background-color: #119;
  color: white;
  /*width: 596px;*/
  width: 100%;
  height: 12pt;
  text-align: right;
  vertical-align: bottom;
  font-weight: normal;
  font-size: 9pt;
}

#sidebarLeft {
  background-color: #eee;
  text-align: center;
  vertical-align: top;
  width: 160px;
}

#bodyContent {
  text-align: left;
  vertical-align: top;
  /*width: 596px;*/
  width: 100%;
}

#bodyText {
  vertical-align: top;
  /*width: 436px;*/
  /*width: 100%;*/
  /*margin: 1em;*/
}

#sidebarRight {
  text-align: right;
  vertical-align: top;
  /*width: 150px;*/
}

#footer {
  font-size: smaller;
  text-align: center;
  /*margin-top: 0.5em;*/
  /*border-top: thin solid gray;*/
}

/* indentation */

.indented {
  margin: 1em;
}

.indentedRight {
  margin-right: 0.5em;
}

/* local HTML elements */

a.navlink {
  color: white;
  text-decoration: none;
  font-weight: 600;
}

h3.gridshib-component {
  color: red;
}

dt.question {
  font-style: normal; font-weight: bold;
}

dd.answer{
  font-style: normal; font-weight: normal;
}

/* framed boxes */

div.outerBox {
  text-align: center;
  background-color: gray;
  width: 150px;
  padding: 2px;
  margin: 10px 0 0 0;
}

div.innerBox {
  text-align: left;
  font-size: 9pt;
  background-color: #bab;
  color: #119;
  width: 140px;
  padding: 5px;
  margin: 0;
}

div.outerBoxBig {
  text-align: center;
  background-color: gray;
  width: 225px;
  padding: 2px;
  margin: 10px 0 0 0;
}

div.innerBoxBig {
  text-align: left;
  font-size: 9pt;
  background-color: #bab;
  color: #119;
  width: 215px;
  padding: 5px;
  margin: 0;
}

table.boxedTable {
  width: 100%;
}

td.boxedTableHeading {
  background-color: #119;
  color: #eee;
  font-weight: bold
}

td.boxedTableBody {
  background-color: #bab;
  color: #119;
}

/*
td.boxedTableBody a {
  color: #bab;
  text-decoration: none;
  font-weight: 500;
}
*/

td.boxedTableFooter {
  background-color: #bab;
  color: #119;
}

/*
td.boxedTableFooter a {
  color: #bab;
  text-decoration: none;
  font-weight: 500;
}
*/

ul.boxedLinks {
  list-style: none;
  margin: 6px 0;
  padding: 0;
}

li.boxedLink {
  /*margin-left: 1em;*/
  margin: 0.25em 1em;
}

/* table styles */

td.header {
  font-weight: bold;
  font-size: 14pt;
}

td.message {
  font-weight: bold;
  color: red;
}

td.textlabel {
  background-color: #F93;
  color: #000;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

td.textlabeltop {
  background-color: #F93;
  color: #000;
  font-weight: bold;
  text-align: left;
}

td.formelement {
  text-align: left;
  vertical-align: middle;
}

td.plaintext {
  text-align: left;
}

td.buttons {
  text-align: center;
}

td.navbuttons {
  background-color: rgb(198,198,198);
}

/* link and image styles */

a.clickableImage {
  border-width: 0;
}

img.logo {
  border-width: 0;
  width: 125px;
  height: 40px;
}

img.button {
  border-width: 0;
  width: 67px;
  height: 31px;
}

img.navbutton {
  border-width: 0;
  width: 20px;
  height: 20px;
}

img.navwidebutton {
  border-width: 0;
  width: 26px;
  height: 20px;
}

img.smallbutton {
  border-width: 0;
  width: 27px;
  height: 17px;
}

img.tabs {
  border-width: 0;
  width: 596px;
  height: 43px;
}

/* deprecated styles */

.noBorder { border-width: 0; }

td.cellcenter {text-align: center;}

th.thlabel {
  background-color: #F90;
  font-weight: bold;
  text-align: left;
  font-family: arial, helvetica, sans-serif;
  font-size: 13pt;
}

th.center {
  background-color: #F90;
  font-weight: bold;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 13pt;
}


