/*** Styles for Tags ***/

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

button
{
  font-family: Arial, Helvetica, sans-serif;
  padding-left: .3em;
  padding-right: .3em;
  cursor: pointer;
}

.heading1{  
	font-family: "Comic Sans MS",Georgia, Helvetica, sans-serif; 
	font-size: 28px; 
	color: #FFFFFF; 
	font-weight: normal; 
	line-height: 42px
}
.headingb1{  
	font-family: "Comic Sans MS",Georgia, Helvetica, sans-serif; 
	font-size: 28px; 
	color: #000000; 
	font-weight: normal; 
	line-height: 42px
}
.normalBlackText {
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold
}
.normalWhiteText {
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold
}

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

h2
{
  font-size: 1.35em;
  margin-bottom: .3em;
  margin-top: 1em;
  font-weight: bold;
}

h3
{
  font-size: 1.12em;
  margin-bottom: .2em;
  margin-top: .5em;
  font-weight: bold;
}

h4
{
  font-size: 1em;
  font-weight: bold;
}

p
{
	margin: 0 0 .5em 0;
}

fieldset 
{
	padding:0;
	margin:0;
	border:none;
}

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

caption {text-align: left;}

td, th
{
  padding-top: .1em; /* A small padding to prevent content like buttons from  directly touching the top or bottom edge of a cell */
  padding-bottom: .1em; /* No universal padding is provided left & right so that content, like buttons & images, will visually align with a background color given to a cell. */
  border-top-color: #E6E0D8;
  border-top-style: solid;
  border-top-width: 2px;
}

th {padding: .3em;}

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

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

body a:hover {text-decoration: underline;}

body input:focus, body textarea:focus, body select:focus 
{
	background-color:#DCE4EF;	
}	

/* Also see body portlet-table(or section)-body a:link & a:visitied in the Portlet Styles section. */



/*** 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;
  margin-top: 1.25em;
  padding-bottom: 2em;
  padding-left: 1em;
}

#nav2 /* <h1> container */
{margin-top: 1.25em}

#lo2 /* footer */
{
  margin-top: .5em; /* This increases the normal 1em spacing between blcoks which is provided by the margin-bottom on portlet-section-body */
  padding-top: .5em;
  padding-left: 100px;
  border-top: 1px solid #999999;
}

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

#logo 
{
  float: left;
  width: 40em;
  text-align: left;
}

#welcome
{
  float: right;
  width: 70em;
  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;
  width: 10em;
  border: 2px solid #D1CBC3;
}

.legend img
{float: left;}

.legend .label
{margin-left: 2.5em;}

.leader
{
  position: absolute;
  left: 1.5em;
}

#utilityBox ul
{
  margin-left: 1.5em;
  padding-left: 0;
  padding-right: 0;  /* Padding moved from ul to utilityBox so sizing will match legend */
}

#utilityBox
{
  margin-bottom: 1em;
  padding-right: 3px;  /* Padding moved from ul to utilityBox so sizing will match legend */
}

#utilityBox td, .legend td /* Added as a precaution in case someone places a table in either block */
{border-top: none}

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

.clearUtilityBox {margin-right: 13em;} /* Available for divs that need to slide up to left of utility box */



/*** Button Block Styles ***/

.buttonRow
{
  margin-top: 1em;
  margin-bottom: .5em;
}

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

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

.arrow
{
  height: 1.19em;
  vertical-align: text-top;
}

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

.inlineButton, .inlineNavButton
{
  font-size: .89em; /* Note this is .89em of .84em or about .75em absolute */
  color: #000000;
  margin-right: .337em; /* inlineButton is not given a margin-bottom as they occur inline not in a buttonRow. */
}



/*** Input Help Styles (Formerly known as Searchhelp) ***/

.searchhelpImg
{
  width: 1.7em;
  margin-left:.5em;
  vertical-align: top;
}

.sort div.txt
{
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0 14px;
  zoom: 1; /* If not given layout, IE places the right edge of this div at the outermost edge, rather than at the content edge. */
}

.sort div.imgWrap
{
  position: absolute;
  top: 50%;
  right: -13px;
  margin-top: -4px;
}

th.sort a /* The a is required because IE doesn't inherit into an <a> tag */
{text-decoration: underline;}

th.sort a:link,
th.sort a:visited
{color: #000000;}



/*** 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;
}

.leftHeadersTable th
{
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  color: #000000;
  background-color: #D1CBC3;
  white-space: nowrap;
}

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

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

.leftHeadersTable th div.portlet-table-text
{padding-left: 1.46em;} /* needed to match 1.3em of standard size text */

body .vertDiv {padding-top: 0}

.topHeadersTable th, .topHeadersTable td
{border-right: 2px solid #E6E0D8;}

.topHeadersTable th
{
  color: #000000;
  background-color: #D1CBC3;
  font-weight: bold;
}

/*** Other Common Styles ***/

.sectionContainer
{
  position: relative;
  top: 0px;
  left: 0px;
  padding-top: 1px; /* container must have top margin, border, or padding to prevent collapse (i.e. contained top margin is expressed on "container") of margins of enclosed blocks. */
  zoom: 1.0;
  margin-bottom: 1em;
}
.sectionContainer:after
{
  content: ".";
  display: block;
  height: 0;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}

.data, .leftHeadersTable .data /* 2nd style with extra specificity is needed to override leftHeadersTable td styling. */
{
  padding: .3em;
  color: #000000;
  background: #F2EFED;
  max-width: 45em;
}

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

.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;
}

.legend img.req
{padding-left: .2em;}

img.sort
{
  padding-top: .2em;
  padding-right: .475em;
  padding-left: .475em;
  vertical-align: top;
  width: .55em;
}

.rightLabel
{
  margin-left:.3em;
  margin-right: .7em;
}

.bodyText {max-width: 35em;}

.leftLabel
{
	float:left;
	width:auto;
	/* margin-top:1em; */
}
.leftLabelContent
{
    width:auto;
	float:left;
	margin-left:1em;
	/* margin-top:1em; */
}
.leftLabelContainer
{
	position:relative;
	padding:.5em;		
}
/****** Utility Styles ******/

.left {text-align: left;}

.right {text-align: right;}

.center {text-align: center;}

.noWrap {white-space: nowrap;}

.top {vertical-align: top;}

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



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

#errorMsgBlock, #successMsgBlock, #alertMsgBlock
{
  margin-right: 13em; /*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-section-body .portlet-msg-info /* Text on top of a background needs a small amount of padding. */
{padding:.2em}

.portlet-section-body 
{
  float:center;
  color: #000000;
  background: #E6E0D8;
  padding: .5em;
}

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

body .portlet-table-text a:link, body .portlet-table-text a:visited
{text-decoration: underline;} /* inline text should be underlined and most portlet-table-text is inline text */

.portlet-form-input-field
{
}

/* TOTALS STYLES FOR TABLES WITH SUBTOTALS */

td.total1 {
  background-color : #98EAA4;  /* green */
  font-family : Arial, Helvetica, sans-serif;
  font-weight : bold;
  color : #000000;
}

td.total2 {
  background-color : #FEFEB8;  /* yellow */
  font-family : Arial, Helvetica, sans-serif;
  font-weight : bold;
  color : #000000;
}

td.total3 {
  background-color : #FCDEC0;  /* peach */
  font-family : Arial, Helvetica, sans-serif;
  font-weight : bold;
  color : #000000;
}

td.total4 {
  background-color : #CEF8AE;  /* lime green */
  font-family : Arial, Helvetica, sans-serif;
  font-weight : bold;
  color : #000000;
}