/*** Styles for Tags ***/

body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100.1%;
  color: #000000;
  background: #FFFFFF;
  margin-top: .5em;
  margin-bottom: 1em;
}

h1
{
  font-size: 1.32em;
  margin-top: .76em;
  margin-bottom: .38em;
  margin-left: 0;
}

ul
{
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
}

caption {text-align: left;}

td, th
{
  padding: .2em;
  border-top-color: #E6E0D8;
  border-top-style: solid;
  border-top-width: 2px;
}


body a:link
{
  color: #7F2209;
  background: transparent;
  text-decoration: none;
}

body a:visited
{
  color: #561603;
  background: transparent;
  text-decoration: none;
}

body a:hover
{
  color: #7F2209;
  background: transparent;
  text-decoration: underline;
}

button
{
  cursor: hand;
}


/*** SUIT Block Styles ***/

#hi1 /* the header */
{
  color: #000000;
  background: #D1CBC3;
  margin-top: .5em;
  margin-right: 1em;
  margin-bottom: .8em;
  margin-left: 1em;
  padding: .5em;
}

#mid, #lo2 /* lo2 = footer */
{
  margin-right: 1em;
  margin-left: 1.5em;
}

#nav1 /* Utility Box */
{
  float: right;
  color: #000000;
  background-color: #FFFFFF;
  padding-bottom: 2em;
  padding-left: 2em;
  max-width: 16em;
}

#lo2 /* footer */
{
  padding-top: .5em;
  padding-left: 100px;
  border-top: 1px solid #999999;
}



/*** Header Styles - also see #hi1 in SUIT Block Styles ***/

#logo 
{
  float: left;
  width: 5em;
}

#welcome
{
  float: right;
  width: 20em;
  text-align: right;
}



/*** Footer Styles - also see #lo2 in SUIT Block Styles ***/

#footerWrap
{
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -10px;
}

#footerWrap img
{
  vertical-align: middle;
  margin-right: 7px;
}



/*** Utility Box Styles - also see #nav1 in SUIT Block Styles ***/

#utilityBox, .legend
{
  margin: 0;
  border: 2px solid #D1CBC3;
}

#utilityBox {margin-bottom: 1em;}

#utilityBox ul
{
  margin-left: 1.5em;
  padding-left: 0;
}

#utilityBox td, .legend td
{border-top: none}

.legend
{
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}



/*** Button Block Styles ***/

.navButtonRow, .formButtonRow
{
  margin-top: 1em;
  margin-bottom: .5em;
}

.navButton, .formButton
{
  color: #000000;
  margin-bottom: .5em;
  margin-right: .3em;
  cursor: hand;
}

.navButton
{
  background-color: #BFCDE6;
  border-color: #97B0CE;
}

.formButton, .inlineButton
{
  background-color: #D1CBC3;
  border-color: #938A7F;
}

.inlineButton
{
  font-size: .89em; /* Note this is .89em of .84em or about .75em absolute */
  color: #000000;
  margin-bottom: .562em;
  margin-right: .337em;
}

/*** Other Block Styles ***/

.hdr, .block
{
  margin-top: 2px;
  padding: .2em;
}

.vertDiv .hdr
{
  float: left;
  display: inline; /* IE hack to defeat double margin on floats. */
  color: #000000;
  background-color: #D1CBC3;
  padding-right: .5em;
  padding-left: 1.5em;
}

.block
{
  max-width: 45em;
  border-left: .5em solid #E6E0D8;
}

.vertTable th, .leftHeadersTable th
{
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  color: #000000;
  background-color: #D1CBC3;
  padding-right: .5em;
}

.vertTable td, .leftHeadersTable td
{
  border-left: .5em solid #E6E0D8; /* This is mock padding. Needs to be border so it works with inputs like text & textarea */
  padding-left: 0;
}

.vertTable td.data, .leftHeadersTable td.data /* Because data has a different color background it's visual edge is outside the padding & text needs a little space */
{padding-left: .2em;}

.vertTable th div, .vertTable th label, .leftHeadersTable th div, .leftHeadersTable th label
{
  padding-left: 1.3em;
  display: block;	/* Needed because label is ordinarily inline */
}

body .vertDiv {padding-top: 0}

.horizTable th, .horizTable td
{
  border-right: 2px solid #E6E0D8;
  padding-left: .2em;
  white-space: nowrap;
}

body .centeredBlock /* This is a special case of portlet-table-body where the block is centered rather than left justified, e.g. that encloses or is a horizTable. */
{
  border-right: 1em solid #E6E0D8;
  border-bottom: 1em solid #E6E0D8;
  border-left: 1em solid #E6E0D8;
}


/*** Other Common Styles ***/

.data
{
  font-family: "Arial", Courier, monospace; 
  color: #000000;
  background: #F2EFED;
  max-width: 45em;
}

img.req
{
  padding-top: .2em;
  padding-right: .2em;
  vertical-align: top;
  width: 1.1em;
}

.vertTable img.req, .leftHeadersTable img.req, .vertDiv img.req
{position: absolute;}

.vertDiv img.req /* Because the nearest ancestor container is vertDiv not hdr more offset is needed than in the ths. */
{
  top: .2em;
  left: 0;
  border-top: 2px;
  padding-left: .2em;
}
 
.rightLabel
{
  margin-left:.3em;
  margin-right: .7em;
}

.bodyText {max-width: 35em;}



/****** Utility Styles ******/

.right {text-align: right;}

.center {text-align: center;}

.shrinkWrap {float: left;}

.noWrap {white-space: nowrap;}

.aural
{
  position: absolute;
  top: 0;
  left: -1000px;
  width: 50px;
}



/****** Message Block Styles ******/

#errorMsgBlock, #successMsgBlock, #alertMsgBlock
{
  margin-right: 18em; /*This is needed to keep the border from overflowing onto Nav1 (the Utility box). */
  margin-bottom: 1em;
  border-style: solid;
  max-width: 45em;
  zoom: 1;
}

#errorMsgBlock
{
  border-width: 1px;
  border-color: #E00511;
}

#successMsgBlock
{
  border-width: 1px;
  border-color: #0C6E0C;
}

#alertMsgBlock
{
  border-width: 2px;
  border-color: #97B0CE;
}

.noteMsgBlock /*noteMsgBlock is a class instead of an id because multiple instances may appear on the same page (unlike the other MsgBlocks).*/
{
  margin-bottom: 1em;
  max-width: 45em;
}



/****** Portlet Styles ******/

.portlet-font {font-size:.84em}

.portlet-msg-error, .portlet-msg-success, .portlet-msg-alert
{
  max-width: 45em;
  background-repeat: no-repeat;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 27px;
}

.portlet-msg-error, .portlet-msg-success
{
  background-position: 3px 3px;
  min-height: 17px;
}
.portlet-msg-error
{
  background-image: url(../images/icon_error.gif);
}

.portlet-msg-success
{
  background-image: url(../images/icon_success.gif);
}

.portlet-msg-alert
{
  background-image: url(../images/icon_alert.gif);
  background-position: 2px 2px;
  min-height: 18px;
}

.portlet-table-body
{
  color: #000000;
  background: #E6E0D8;
  border-right: 2em solid #E6E0D8;
  border-bottom: 2px solid #E6E0D8;
}

.portlet-table-text {font-size: .89em} /* Note this is .89em of .84em or about .75em absolute */

.portlet-form-input-field
{
font-family: "Courier New", Courier, monospace;
}