/* ZESPRI base style sheet */
/* Copyright 2005 Outwide Limited (New Zealand) */
/* business@outwide.com */

/* ------------------------------------------------------------ */
/* default font and size */

body
{
  font-family: "Verdana" , "Arial" , "Helvetica" , sans-serif; /* this allows user control over font sizes */ /*	font-size: 0.8em; */ /* client requested to fix all font sizes */
  font-size: 13px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.2em;
}

/* ie adds lots of space around forms */
form
{
  margin: 0em;
  padding: 0em;
}

/* fix for ie5.5 font size in tables problems */
body table
{
  font-size: 1em;
}

/* ------------------------------------------------------------ */
/* standard tags */

h1
{
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

a:link, a:visited
{
  color: #000000;
  text-decoration: underline;
}

a:hover, a:active
{
  color: #666666;
  text-decoration: underline;
}


/* ------------------------------------------------------------ */
/* text-based horizontal navigation */

ul.utilNav li, ul.altPrimaryNav li, ul.printTools li, ul.pagingTool li
{
  font-size: 0.85em;
  display: inline;
  border: 0px;
  padding: 0px;
  border-style: solid;
  border-right-width: 1px; /* padding and margin a bit of a compromise for mozilla and ie */
  padding-right: 0.3em;
  padding-left: 0.6em;
}

/* get links in text nav to wrap as a whole */
ul.utilNav li a, ul.altPrimaryNav li a, ul.printTools li a, ul.pagingTool li a
{
  white-space: nowrap;
}

ul.utilNav li.firstItem, ul.altPrimaryNav li.firstItem, ul.printTools li.firstItem, ul.pagingTool li.firstItem
{
  padding-left: 0em;
  margin-left: 0em;
}

ul.utilNav li.lastItem, ul.altPrimaryNav li.lastItem, ul.printTools li.lastItem, ul.pagingTool li.lastItem
{
  border-right-width: 0px;
}

/* ------------------------------------------------------------ */
/* alignment of text navigation items */

div.pageTop ul.utilNav
{
  padding: 0em;
  margin: 0em;
  margin-bottom: 0.7em;
  margin-right: 0.8em;
  text-align: right;
}


/* ------------------------------------------------------------ */
/* colouring of utility nav at the top of the page */

div.pageTop ul.utilNav li, div.pageTop ul.utilNav li a
{
  color: #666666;
}

div.pageTop ul.utilNav li a:link, div.pageTop ul.utilNav li a:visited
{
  color: #666666;
  text-decoration: none;
}

div.pageTop ul.utilNav li a:hover, div.pageTop ul.utilNav li a:active
{
  color: #000000;
  text-decoration: underline;
}


/* ------------------------------------------------------------ */
/* pager banner */

div.pageBanner
{
  padding: 0em;
  margin: 0em;
  margin-bottom: 0.3em;
  margin-right: 0.8em;
}

div.pageBanner table
{
  padding: 0em;
  margin: 0em;
  width: 100%; /* given 100%, adding a margin will create a scrollbar */
  border-width: 0px;
  background-color: #eff7d3;
}

/* try and get image as close to left edge as possible */
div.pageBanner table tr, div.pageBanner table tr td
{
  padding: 0em;
  margin: 0em;
}

div.pageBanner td.pageBannerTitle
{
  text-align: left;
}

div.pageBanner td.pageBannerPic
{
  width: 200px; /* same width as image */
  text-align: right;
}


/* ------------------------------------------------------------ */
/* primary navigation */

ul.primaryNav
{
  padding: 0em;
  margin: 0em;
  margin-left: 0.5em;
}

ul.primaryNav li
{
  display: inline;
}

ul.primaryNav li a img
{
  border-width: 0px; /* this small margin stops images touching when stack in netscape 6 and 7 */
  margin-top: 0.2em;
  margin-bottom: 0.35em;
}

/* utility navigation top */
#utilNavTop, div.utilNavTop
{
  position: absolute;
  top: 20px;
  left: 190px;
}


/* ------------------------------------------------------------ */
/* in-page search */

div.inPageSearch form
{
  font-size: 0.85em;
  padding: 0em;
  margin: 0em;
  margin-left: 0.05em;
  margin-right: 0.8em;
  white-space: nowrap;
  float: right;
  display: inline; /* this is a work around ie6 float bugs */
}

div.inPageSearch p
{
  padding: 0em;
  margin: 0em;
}

div.inPageSearch form input.searchKeywords
{
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  margin-right: 0.3em;
}

div.inPageSearch form input.searchButton
{
  font-family: "Arial" , "Verdana" , "Helvetica" , sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1em;
  vertical-align: top;
  width: 3em;
  background-color: #b1db1f;
  border-color: #b1db1f;
  border-style: outset;
  border-width: 0.2em;
}


/* ------------------------------------------------------------ */
/* place primary navigation and search side by side */

table.navAndSearch
{
  padding: 0em;
  margin: 0em;
  width: 100%; /* given 100%, adding a margin will create a scrollbar */
  border-style: none;
}

table.navAndSearch tr
{
  vertical-align: top;
}

/* ------------------------------------------------------------ */
/* page top separator */

div.pageTop
{
  border: 0px;
  margin: 0px;
  padding: 0em;
  width: 100%; /* given 100%, adding a margin will create a scrollbar */
  clear: both; /* for testing fixed width */ /*	width: 770px;  */
  margin-bottom: 0.7em;
  border-style: solid;
  border-color: #c3c3c2;
  border-bottom-width: 1px;
}

#homePageBody div.pageTop
{
  margin-bottom: 0em;
}

/* ------------------------------------------------------------ */
/* breadcrumbs */

ul.breadcrumbs
{
  font-size: 0.85em;
  padding-left: 0em;
  margin-left: 0em;
}

div.pageBody ul.breadcrumbs
{
  margin-top: 0em;
  padding-top: 0em;
}

/* get breadcrumb items to wrap as a whole */
ul.breadcrumbs li
{
  white-space: nowrap;
}

ul.breadcrumbs li, ul.breadcrumbs li a
{
  color: #666666;
  display: inline;
}

ul.breadcrumbs li a:link, ul.breadcrumbs li a:visited
{
  color: #666666;
  text-decoration: underline;
}

ul.breadcrumbs li a:hover, ul.breadcrumbs li a:active
{
  color: #000000;
  text-decoration: underline;
}


/* ------------------------------------------------------------ */
/* secondary navigation column */

#columnOne
{
  float: left;
  display: inline; /* recommended for working around ie float bugs */
  padding-right: 1em;
  width: 14em;
}

/* compensate for 3px job bug in ie */
/* mac hiding hack \*/
* html #columnOne
{
  margin-right: -3px;
}
* html #columnThree
{
  margin-left: -3px;
}
/* end hide */

/* used to clear floats and avoid overlapping */
.clearer
{
  height: 1px;
  overflow: hidden;
  margin-top: -1px;
  clear: both;
}

div.secondaryNav
{
  font-size: 0.85em; /* place the border around it */
  border-width: 1px;
  border-color: #c3c3c2;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  padding-left: 0.5em; /* keep the footer away */
  margin-bottom: 3em;
}

div.secondaryNav a:link, div.secondaryNav a:visited
{
  color: #000000;
  text-decoration: none;
}

div.secondaryNav a:hover, div.secondaryNav a:active
{
  color: #000000;
  text-decoration: underline;
}

div.secondaryNav ul.navLevelOne
{
  /* start with no spacing */
  margin: 0em;
  padding: 0em; /* a little spacing above and below */
  margin-top: 0.15em;
  margin-bottom: 0.05em; /* no bullets, will use background image */
  list-style-type: none;
}

div.secondaryNav ul.navLevelOne li
{
  /* start with no spacing - opera6 needs this */
  margin: 0em;
  padding: 0em; /* no indent on this lists */
  margin-left: 0px;
  padding-left: 0px; /* some space around each item */
  padding-top: 0.5em;
  padding-bottom: 0.6em; /* place the border around it */
  border-width: 1px;
  border-color: #b3dc23;
  border-style: none;
  border-bottom-style: solid; /* use a background image for bullet, so get consistant placement */
  padding-left: 0px;
  background-image: url(../images/base/nav_arrow_off.gif);
  background-repeat: no-repeat;
  background-position: 4px 0.9em;
}

div.secondaryNav ul.navLevelOne li a
{
  display: block;
  margin-left: 14px;
}

div.secondaryNav ul.navLevelOne li.firstItem, div.secondaryNav ul.navLevelOne li.selectedFirstItem
{
  border-top-style: none;
}

/* different shading if selected */
div.secondaryNav ul.navLevelOne li.selected, div.secondaryNav ul.navLevelOne li.selectedLastItem
{
  background-color: #dfddde;
  background-image: url(../images/base/nav_arrow_on.gif);
}

div.secondaryNav ul.navLevelOne li.lastItem, div.secondaryNav ul.navLevelOne li.selectedLastItem
{
  border-bottom-style: none;
}

/* for when a list is continued after a level 2/3 list */
div.secondaryNav ul.navLevelOne li.continueItem
{
  border-top-style: solid;
}

div.secondaryNav ul.navLevelTwo
{
  /* space above and below */
  margin-top: 0.4em;
  margin-bottom: 0.6em; /* for browser compatibility use margin-left only */
  padding-left: 0px; /* margin-left: 14px; needed for mozilla */
  margin-left: 0px; /* no adornment at level two */
  list-style-type: none;
  list-style-image: none;
}

div.secondaryNav ul.navLevelTwo li
{
  margin: 0em;
  padding: 0em;
  background-color: #e8f5be;
  border-style: none;
  background-image: none; /* for browser compatibility use margin-left only */
  padding-left: 0px;
  margin-left: 0px; /* some space around each item */
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

div.secondaryNav ul.navLevelTwo li a
{
  display: block;
  margin-left: 14px;
}

/* different style if selected */
div.secondaryNav ul.navLevelTwo li.selected, div.secondaryNav ul.navLevelTwo li.selectedLastItem, div.secondaryNav ul.navLevelTwo li.selectedFirstItem
{
  font-weight: bold;
}

div.secondaryNav ul.navLevelThree
{
  /* no indent for overall list */
  padding-left: 0px;
  margin-left: 0px; /* nothing above - needed for mac-ie5.1 */
  margin-top: 0px; /* no bullets, will use background image */
  list-style-type: none;
}

div.secondaryNav ul.navLevelThree li
{
  /* use a background image for bullet, so get consistant placement */
  padding-left: 0px;
  margin-left: 0px;
  background-image: url(../images/base/nav_arrow_off.gif);
  background-repeat: no-repeat;
  background-position: 14px 0.7em;
}

div.secondaryNav ul.navLevelThree li a
{
  display: block;
  margin-left: 24px;
}

/* ------------------------------------------------------------ */

#columnTwo
{
  margin-left: 15em; /* for texting fixed width */ /*	width: 50em;*/
}

#columnTwo div.addColumnThree
{
  margin-right: 15em;
}

#columnThree
{
  float: right;
  display: inline; /* recommended for working around ie float bugs */
  padding: 0em 0.5em 0.5em 1em;
  width: 14em; /* for texting fixed width */ /*	width: 50em;*/
}

#columnThree div
{
  margin-bottom: 0.8em;
}

/* ------------------------------------------------------------ */
/* adjustments to columns for the home page */

/* causes lots of problems with ie
#homePageBody
{
	position: relative; /* needed for ie rendering bug */
/*	background-image: url(../images/base/watermark.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
*/

#homePageBody #columnOne
{
  padding-left: 1em; /* need to indent exactly for dotted lines */
  padding-right: 18px;
  background-image: url(../images/base/background_stripe.gif);
  background-repeat: repeat-y;
  background-position: top right;
}

#homePageBody #columnTwo
{
  padding-left: 2.2em;
  padding-right: 1em;
}

#homePageBody #columnTwo div.addColumnThree
{
  /* the negative margin and padding here may be 	responsible for stretching to height of the panel 	title in ie 5.0 */
  margin-right: 14.8em; /* need to add background to the narrower column two */
  background-image: url(../images/base/background_stripe.gif);
  background-repeat: repeat-y;
  background-position: top right; /* need to indent exactly for dotted lines */
  padding-right: 18px;
}

#homePageBody #columnThree
{
  padding-left: 0.6em;
  padding-right: 1em; /* extra jog up required for ie */
}

/* ------------------------------------------------------------ */
/* news item list */

ul.newsItemList
{
  margin: 0em;
  padding: 0em;
  margin-top: 0.5em;
  list-style: none;
}

ul.newsItemList li
{
  padding-bottom: 0.8em;
  margin-top: 0.3em;
  margin-bottom: 0.4em;
  border-bottom: 1px solid #c5c5c5;
}

ul.newsItemList li p
{
  margin: 0em;
  padding: 0em;
}

ul.newsItemList li h3
{
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.6em;
  margin: 0em;
  padding: 0em;
}

ul.newsItemList li h3 a
{
  text-decoration: none;
}

/* ------------------------------------------------------------ */
/* quick link item list */

ul.quicklinks
{
  list-style: none;
  margin-left: 0em;
  padding-left: 0em;
  text-indent: 0em;
}

/* ------------------------------------------------------------ */
/* standard tags in notion content sections */

div.contentSections p
{
  padding-left: 0em;
  margin-left: 0em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.contentSections ul
{
  padding-left: 0em;
  margin-left: 0em;
  margin-top: 1em;
  margin-bottom: 1em;
  list-style-type: none;
}

div.contentSections ul li
{
  /* use a background image for bullet, so get consistant placement */
  padding-left: 16px;
  margin-left: 0px;
  background-image: url(../images/base/body_bullet.gif);
  background-repeat: no-repeat;
  background-position: 4px 0.5em;
}

div.contentSections a:link, div.contentSections a:visited
{
  color: #e52324;
  text-decoration: underline;
}

div.contentSections a:hover, div.contentSections a:active
{
  color: #666666;
  text-decoration: underline;
}


/* ------------------------------------------------------------ */
/* sub headings */

/* these cover both notion content sections and industry relations */

div.pageBody h2
{
  font-size: 1.2em;
  font-weight: bold;
}

div.pageBody h3
{
  font-size: 1em;
  font-weight: bold;
}

div.pageBody h4
{
  font-size: 1em;
  font-weight: normal;
}


/* ------------------------------------------------------------ */
/* page turning tool */

ul.pagingTool
{
  padding-left: 0em;
  margin-left: 0em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

ul.pagingTool li
{
  display: inline;
}

ul.pagingTool li, ul.pagingTool li a
{
  color: #666666;
}

ul.pagingTool li a:link, ul.pagingTool li a:visited
{
  color: #666666;
  text-decoration: underline;
}

ul.pagingTool li a:hover, ul.pagingTool li a:active
{
  color: #000000;
  text-decoration: underline;
}


/* ------------------------------------------------------------ */
/* page footer */

div.pageFooter
{
  clear: both;
  margin: 0em;
  margin-top: 0.7em;
  padding: 0em; /* padding top triggers ie6 padding bug */
  padding-bottom: 1.4em;
  background-color: #b3dc23;
}

div.pageFooter div.footerSpacer
{
  height: 1.8em;
}

div.pageFooter div.altNav ul.altPrimaryNav, div.pageFooter div.altNav ul.utilNav, div.pageFooter div.altNav ul.printTools
{
  margin: 0em;
  padding: 0em;
  text-align: center;
  margin-bottom: 1.2em;
}

div.pageFooter li, div.pageFooter li a
{
  color: #000000;
}

div.pageFooter li a:link, div.pageFooter li a:visited
{
  color: #000000;
  text-decoration: underline;
}

div.pageFooter li a:hover, div.pageFooter li a:active
{
  color: #666666;
  text-decoration: underline;
}

/* ------------------------------------------------------------ */
/* industry relations */

div.industryRelations
{
  /* this is the context for all industry realtions body content */
  font-size: 0.85em;
}

/* this tag should not be nested */
/* if it does occur, this removed the undesirable effect */
div.industryRelations div.industryRelations
{
  /* do not make font any smaller */
  font-size: 1em;
}

div.industryRelations table.entitySearchResults
{
  margin-bottom: 0.8em;
}

h1.indRelPovTitle
{
  font-size: 1.1em;
  font-weight: bold;
  padding: 0em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}

div.indRelPovChange
{
  margin: 0.5em 0em 1.7em 0em;
  padding: 0em;
}

div.industryRelations form input
{
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  padding: 0.1em 0.2em;
}

div.indRelPovChange input.indRelPovChangeButton
{
  font-family: "Arial" , "Verdana" , "Helvetica" , sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 0.9em;
  background-color: #b1db1f;
  border-color: #b1db1f;
  border-style: outset;
  border-width: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.3em;
  vertical-align: bottom;
}

div.indRelProperties ul.indRelProperties, div.indRelProperties ul.indRelAttributes, div.indRelProperties ul.indRelCreateProperties, div.indRelCapabilities ul.indRelCapabilities, div.indRelCapabilities ul.indRelAttributes, div.indRelCapabilities ul.indRelCreateCapabilities, div.indRelRelationships ul.indRelRelationships, div.indRelRelationships ul.indRelAttributes, div.indRelRelationships ul.indRelCreateRelationships
{
  list-style-type: none;
  padding-left: 0em;
  margin-left: 0em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}


div.indRelProperties ul.indRelAttributes, div.indRelCapabilities ul.indRelAttributes, div.indRelRelationships ul.indRelAttributes
{
  padding: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.indRelProperties ul.indRelProperties li, div.indRelProperties ul.indRelAttributes li, div.indRelProperties ul.indRelCreateProperties li, div.indRelCapabilities ul.indRelCapabilities li, div.indRelCapabilities ul.indRelAttributes li, div.indRelCapabilities ul.indRelCreateCapabilities li, div.indRelRelationships ul.indRelRelationships li, div.indRelRelationships ul.indRelAttributes li, div.indRelRelationships ul.indRelCreateRelationships li
{
  padding-left: 0em;
  margin-left: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.indRelProperties ul.indRelProperties li, div.indRelCapabilities ul.indRelCapabilities li, div.indRelRelationships ul.indRelRelationships li
{
  line-height: 1.5em;
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 0.3em;
}

div.indRelProperties ul.indRelAttributes li, div.indRelCapabilities ul.indRelAttributes li, div.indRelRelationships ul.indRelAttributes li
{
  line-height: 1em;
  border-bottom-style: none;
  padding-bottom: 0em;
}

/* property names are linked for the hover help */
span.indRelProperty a, span.indRelProperty a:hover, span.indRelProperty a:active, span.indRelProperty a:visited
{
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}

/* relationship types are linked for the hover help */
span.indRelRelationship a.popupLabel, span.indRelRelationship a:hover.popupLabel, span.indRelRelationship a:active.popupLabel, span.indRelRelationship a:visited.popupLabel
{
  text-decoration: none;
  color: #000000;
}

span.indRelActions
{
  font-size: 0.9em;
  font-weight: normal;
  color: #666666;
  margin-left: 0.3em; /* increase gap from property name */
}

span.indRelActions a, span.indRelActions a:active, span.indRelActions a:visited
{
  color: #666666;
  text-decoration: underline;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

span.indRelActions a:hover
{
  color: #000000;
}


/*

a.indRelActionEdit,
a.indRelActionHistory,
a.indRelActionDelete
{
	text-decoration: none;
}

a:hover.indRelActionEdit,
a:hover.indRelActionHistory,
a:hover.indRelActionDelete,
a:active.indRelActionEdit,
a:active.indRelActionHistory,
a:active.indRelActionDelete
{
	color: #000000;
}

a.indRelActionEdit,
a:hover.indRelActionEdit,
a:visited.indRelActionEdit,
a.indRelActionHistory,
a:hover.indRelActionHistory,
a:visited.indRelActionHistory,
a.indRelActionDelete,
a:hover.indRelActionDelete,
a:visited.indRelActionDelete
{
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}

*/

div.indRelMessage
{
  margin-top: 0.5em;
  margin-bottom: 0em;
  padding: 0em; /* use a background image for bullet, so get consistant placement */
  padding-left: 11px;
  background-image: url(../images/base/nav_arrow_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.45em;
}

div.indRelError
{
  color: #dd0000;
  padding: 0.2em 0em;
}

div.indRelWarning
{
  color: #ee8800;
  padding: 0.2em 0em;
}

div.indRelSuggestion
{
  color: #eeee00;
  padding: 0.2em 0em;
}



/* ------------------------------------------------------------ */
/* industry relations tabs and edit form */

div.indRelTabs
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left
}

div.indRelTabs ul.indRelTabs li{
	float:left;
	background-image:url(../images/base/tab_off.gif);
	width: 90px;
	padding: 6px 5px 0px 15px;
	margin: 0px;
	height: 19px;
}

div.indRelTabs ul.indRelTabs li a {
	text-decoration:none;
}

div.indRelTabs ul.indRelTabs 
{
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	margin: 0 1em 0 0;
	padding: 0;
	background-image: url(../images/base/tab_line.gif);
	height: 25px;
}

div.indRelTabs ul.indRelTabs li.selected {
	background-image:url(../images/base/tab_on.gif);
	color:#d95c00;	
}

/* put boxes around tabbed content */
div.indRelProperties, div.indRelCapabilities, div.indRelRelationships
{
  border-bottom: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  border-top: 0;
  margin: 0em 1em 0em 0px;  
  padding-top: 0.1em; /* must be non-zero */
  padding-left: 1em;
  background-color: #ffffff;
}

/* extra margin for ie only */
* html div.indRelProperties,
* html div.indRelCapabilities,
* html div.indRelRelationships
{
  margin-left: 3px;  
}

/* start with relationships and capabilities not displayed */

div.indRelProperties
{
  display: block;
}
div.indRelCapabilities
{
  display: none;
}
div.indRelRelationships
{
  display: none;
}


/* ------------------------------------------------------------ */
/* industry relations tabs and edit form */

div.indRelEditForm
{
  margin: 0em;
  margin-right: 0.5em;
  margin-left: 0.5em; /* bottom padding causes the borders to overlap */
  padding: 0.5em 0.9em 0.5 1.0em; /* this overlaps the bottom border */
  background-color: #ffffff;
  border: 1px solid #c2c2c2;
}

div.indRelEditFormButtons
{
  padding: 0em;
  margin: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* ------------------------------------------------------------ */
/* industry relations relationships navigation */

/** The relationship title in left navigation */
li span.indRelTypeTitle, li span.invalidRelationship
{
  padding-left: 0.2em;
  font-weight: bold;
}

/* ------------------------------------------------------------ */


/*

Classes added Feb 22+, 2005 - ben.biddington

*/
input.indRelOkButton
{
  border: 1px outset;
}
input.indRelCancelButton
{
  border: 1px outset;
}
span.indRelLabel
{
}
input.indRelText
{
  border: 1px inset;
}
/** textbox */
textarea.indRelText
{
  border: 1px inset;
}
select.indRelDropDownList
{
}
table.indRelEditTable
{
}
/** I have given all tables this class */
div.indRelButtonPanel
{
  margin-top: 10;
}
/** Contains buttons, usually at foot of page*/
li p.dateHeading
{
  font-style: oblique;
}
/** AttributeHistory */
div.indRelAttributeHistory ul
{   
  margin-top: 1em;
  margin-bottom: 3em;
}
div.indRelAttributeHistory p
{ 
  padding-top: 0em;
  padding-bottom: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
}
div.indRelAttributeHistory ul ul
{ 
  padding-top: 0em;
  padding-bottom: 0em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}


table.indRelMessagePanel
{
  border: 1px solid #f0f0f0;
}
table.indRelMessagePanel tr td
{
}
/** Faq style **/
div.indRelFaqQuestion
{
}
div.indRelFaqQuestion span.indeRelFaqQuestionTitle
{
  font-weight: bold;
}
div.indRelFaqAnswer
{
}
div.indRelFaqAnswer span.indeRelFaqAnswerTitle
{
  font-weight: bold;
}

form.indRelForm
{
  padding: 0em;
  margin: 0em;
}

table.indSearchResults
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.indRelDeleteButtons
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

a.indBackLink
{
  margin-top: 0.5em;
}

/* ------------------------------------------------------------ */
/* notion images */

img.imgTop, img.imgLeft, img.imgBottom, img.imgRight
{
  padding: 0em;
  margin: 0.5em;
}

img.imgBottom
{
  margin-bottom: 0em;
}

img.imgTop
{
  margin-top: 0em;
}

img.imgLeft, img.imgRight
{
  vertical-align: top;
  margin-top: 0.25ex;
}

img.imgLeft, img.imgTop, img.imgBottom
{
  margin-left: 0em;
}

img.imgLeft
{
  float: left;
}

img.imgRight
{
  float: right;
}

/* explicit overflows to fix IE7 italics on edge rendering bug */
div.notionnormaltext { overflow: visible; }
div.notionnormaltext p { overflow: hidden; }
em, i { overflow: visible; }

div.notionnormaltext p
{
  /* make sure text doesn't wrap beside a previous image */ /* clear: left; */
  margin-top: 1em;
  margin-bottom: 1em;
}

div.notiontextwithimages img
{
  float: left;
  vertical-align: top;
  padding: 0em;
  margin: 0.5em;
}


/* ------------------------------------------------------------ */
/* generic table styles */

/* styles for table_border, table_noborder, and html_table styles */
/* tableWrapper is for the html_table style */
.tableNoBorder, .tableWithBorder, .tableWrapper table, div.notionnormaltext table, div.notiontextwithimages table
{
  /* these are css2 properties */
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* all styles have same padding */
.tableNoBorder td, .tableWithBorder td, .tableWrapper td, div.notionnormaltext td, div.notiontextwithimages td
{
  padding: 4px;
}

/* table_noborder */
.tableNoBorder td
{
  border: 0px;
}

/* style for table_border style */
/* also table_html has border by default */
.tableWithBorder td, .tableWrapper td, div.notionnormaltext td, div.notiontextwithimages td
{
  border: 1px #000000 solid;
}

.tableHeading
{
  font-weight: bold;
}

/* make text smaller in tables */
.tableNoBorder p, .tableWithBorder p, .tableWrapper p, div.notiontextwithimages p /*div.notionnormaltext p*/
{
  margin: 0em;
  padding: 0em;
}

/* make text smaller in tables */
.tableNoBorder td, .tableWithBorder td, .tableWrapper td, div.notionnormaltext td, div.notiontextwithimages td
{
  font-size: 0.85em;
}

/* but not even smaller in nested tables */
.tableNoBorder td td, .tableWithBorder td td, .tableWrapper td td, div.notionnormaltext td td, div.notiontextwithimages td td
{
  font-size: 1.0em;
}

/* ------------------------------------------------------------ */

/** General panel styles: Calendar, At a glance, Weather **/
div.calendarPanel, table.weatherPanel, div.weatherPanel, div.atAGlancePanel, div.surveyPanel, div.panel
{
  /*  border-style: solid;        border-color:#cccccc;        border-width:1px 0px 1px 0px;*/
  padding-bottom: 0em;
  margin-bottom: 1em;
}

.panelHeading
{
  background-color: #e52324;
  background-image: url(../images/base/panel_heading_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0.65em 50%;
  color: #ffffff;
  font-weight: bold;
  padding: 0.2em;
  padding-left: 1.45em;
  margin: 0em;
  border: outset 1px #fa7879;
  font-size: 0.85em;
  text-transform: uppercase;
}

/* indent titles on calendar page */
div.contentSections div.panelHeading
{
  margin-right: 1em;
}

div.panel p
{
  font-size: 0.85em;
  line-height: 1.6em;
}

/* ------------------------------------------------------------ */
/* zee8 at a glance */

div.indrelAtAGlance
{
  padding: 0em;
  margin: 0em;
  margin-bottom: 0.5em;
}

div.indRelAtAGlanceItem
{
  width: 14em;
  margin: 0em;
  padding: 0em;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5c5c5;
}

td.indRelAtAGlanceIcon
{
  text-align: right;
}

.indRelAtAGlanceDescription
{
  font-size: 0.85em;
  line-height: 1.6em;
}

.indRelAtAGlanceDescription h3
{
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.6em;
  margin: 0em;
  padding: 0em;
}

.indRelAtAGlanceDescription h3 a
{
  text-decoration: none;
}

.indRelAtAGlanceDescription p
{
  margin: 0em;
  padding: 0em;
}

.indRelAtAGlanceItem img
{
  margin: 0em;
  padding: 0em;
  padding-top: 0.2em;
}

a.pagingLink, a.pagingLink:link
{
}
a.pagingLinkSelected, a.pagingLinkSelected:link
{
  font-weight: bold;
}

a.pagingLinkDisabled, a.pagingLinkDisabled:link, a.pagingLinkDisabled:visited
{
  color: Gray;
  text-decoration: none;
}


input.okButton, button.okButton, input.cancelButton, button.cancelButton
{
  font-family: "Arial" , "Verdana" , "Helvetica" , sans-serif;
  font-weight: bold;
  color: #000000; /*	font-size: 1em; */
  vertical-align: top;
  background-color: #b1db1f;
  border-color: #b1db1f;
  border-style: outset;
  border-width: 0.2em;
}

/* ------------------------------------------------------------ */
/* survey */

.surveyInputPanel, .surveyResultPanel
{
  border-bottom-width: 1px;
  border-bottom-color: #c5c5c5;
  border-bottom-style: solid;
  font-size: 0.85em;
}

.surveyInputPanel p, .surveyResultPanel p
{
  padding: 0em;
  margin: 0em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.surveyInputPanel td
{
  padding: 2px;
}

.surveyInputPanel input.okButton
{
  font-size: 1em;
}

.surveyInputTitle
{
  padding: 0em;
  margin: 0em;
  font-weight: bold;
}

.surveyAnswerList, .surveyAnswerList tr, .surveyAnswerList tr td, .surveyAnswerList tr td input
{
  padding: 0em;
  margin: 0em;
  vertical-align: middle;
}

.surveyAnswerList tr td input
{
  margin-left: 0.2em;
  margin-right: 0.4em;
}

.surveyResultPanel
{
  padding-top: 0.3em;
}

.surveyResultPanel tr
{
  vertical-align: middle;
}

.surveyResultPanel td
{
  padding: 0em;
}

span.surveyResultTitle
{
  font-weight: bold;
}

span.surveyResultPercentage
{
  font-size: 1.7em;
  padding-left: 0.5em;
}

p.surveyResultsAnswerTitle
{
  font-size: 1em;
}

.surveyControlPanel
{
}

.surveyControlPanel td
{
  margin: 0em;
  padding: 0em;
}

.warningMessagePanel
{
  background-color: #e52324;
}

.warningMessagePanel td
{
  padding: 5px;
}

span.warningMessageLabel
{
  font-weight: bold;
}

/** Survey results **/
div.inPageSurvey
{
}

span.surveyResultTitleLabel, span.votesCastLabel
{
  font-size: 1em;
}

p.surveyResultsAnswerTitle
{
  margin: 0em;
  padding: 0em;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

div.surveyResultBar
{
  border: 1px outset #b3dc23;
  height: 20px;
  background-color: #b3dc23;
  float: left;
}

span.votesCastLabel
{
  display: block;
  margin: 0em;
  padding: 0em;
  margin-top: 0.8em;
  padding-bottom: 0.5em;
}

/* ------------------------------------------------------------ */
/* calendar */

div.calendarWeekNumber
{
  padding: 0em;
  margin: 0em;
  font-weight: bold;
  font-size: 0.85em;
}

div.calendarDateDisplay
{
  padding: 0em;
  margin: 0em;
  margin-bottom: 0.5em;
  font-size: 0.85em;
}

td.calendarDayHeader
{
  background-color: #fffff;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #c5c5c5;
  font-weight: bold;
  color: #cc0000;
  font-size: 0.85em;
}

td.calendarDay, td.calendarLastDayOfWeek
{
  background-color: #eff7d6;
  padding: 5px;
}

td.calendarDay, td.calendarDayWithEvents
{
  border-right: 1px solid #c5c5c5;
}

td.calendarDay a, td.calendarDay a:link
{
  text-decoration: none;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
}

div.calendarNextPrev
{
  font-size: 0.85em;
  padding: 0em;
}
div.calendarPrev
{
  float: left;
}
div.calendarNext
{
  float: right;
}

div.calendarViewMore
{
  margin-top: 3em;
  font-size: 0.85em;
}

td.calendarDay span, td.calendarDayWithEvents a, td.calendarDayToday span, td.calendarDayWithEvents a, td.calendarLastDayOfWeek
{
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: 0.8em;
}

td.calendarDay, td.calendarDayWithEvents
{
  background-color: #eff7d6;
}

td.calendarDayToday
{
  background-color: #e52324;
  color: #ffffff;
}

td.calendarDayWithEvents
{
  background-color: #d1e97c;
}

td.calendarDayTodayWithEvents
{
  background-color: orange;
}

/** Weather */
table.weatherPanel, div.weatherPanel
{
  background-color: #EFF7D6;
  padding: 2px;
}

div.weatherControls
{
  padding: 2px;
}

div.weatherControls input.okButton
{
  font-size: 0.85em;
  padding: 0em;
  margin: 0em;
}

p.weatherTitle
{
  font-weight: bold;
}

select.weatherCity
{
  background-color: #EFF7D6;
  width: 130px;
}

select.weatherCity option
{
  font-size: 0.85em;
}

/** Attribute Editor **/
span.indRelFormError
{
  color: #dd0000;
}

/** Error form **/
div.indRelException
{
  background-color: #dd0000;
  color: #ffffff;
  padding: 0.2em 0.5em;
}

/* ------------------------------------------------------------ */
/* log in page */

body.pageLogIn
{
  background-color: #b1db1f;
}

span.bold
{
  font-weight: bold;
}

/* Position central section and position site banner */
div.pageCenter
{
  width: auto;
  background-color: #ffffff;
  margin: 10em 0 0 0;
  padding: 0.5em 0 0 0;
  border: 0px;
}

div.errorPage
{
  width: auto;
  background-color: #ffffff;
  padding-top: 2em;
  padding-left: 2em;
  padding-bottom: 2em;
}

/* Central table holding image text, register and log on section */
table.center, table.center tr
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table.center td.register
{
  width: 18em;
  vertical-align: top;
  padding-top: 0.3em;
}


table.center td.login
{
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}



/* Log On Section, fields and Submit button */
table.loginDetail
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table.loginDetail tr, table.loginDetail td
{
  margin: 0px;
  border: 0px;
  padding: 0.2em;
  vertical-align: middle;
}

table.loginDetail input.indRelOkButton
{
  font-family: "Arial" , "Verdana" , "Helvetica" ,sans-serif;
  font-weight: bold;
  color: rgb(0, 0, 0);
  font-size: 1em;
  vertical-align: top;
  width: 3em;
  background-color: rgb(177, 219, 31);
  border-color: rgb(177, 219, 31);
  border-style: outset;
  border-width: 0.2em;
}

table.disclaimerPanel input.indRelOkButton, div.disclaimerPanel input.indRelOkButton, table.disclaimerPanel input.indRelCancelButton, div.disclaimerPanel input.indRelCancelButton
{
  font-family: "Arial" , "Verdana" , "Helvetica" ,sans-serif;
  font-weight: bold;
  color: rgb(0, 0, 0);
  font-size: 1em;
  vertical-align: top;
  width: 5em;
  background-color: rgb(177, 219, 31);
  border-color: rgb(177, 219, 31);
  border-style: outset;
  border-width: 0.2em;
}

table.loginDetail input.indRelCancelButton
{
  font-family: "Arial" , "Verdana" , "Helvetica" ,sans-serif;
  font-weight: bold;
  color: rgb(0, 0, 0);
  font-size: 1em;
  vertical-align: top;
  width: 5em;
  background-color: rgb(177, 219, 31);
  border-color: rgb(177, 219, 31);
  border-style: outset;
  border-width: 0.2em;
}

table.loginDetail input.indRelText
{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(153, 153, 153);
  margin: 0 0.3em 0 0.3em;
  margin-right-ltr-source: physical;
  margin-right-rtl-source: physical;
}

table.loginDetail td.registrationFormlabel
{
  font-weight: bold;
}

table.loginDetail textarea.indRelText
{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(153, 153, 153);
  margin: 0 0.3em 0 0.3em;
  margin-right-ltr-source: physical;
  margin-right-rtl-source: physical;
}


/* ------------------------------------------------------------ */
/* roll over drop down list */

div.rolloverMenu
{
  display: none;
  position: absolute;
  left: 20px;
  top: 130px;
  background-color: #fff;
  width: 155px;
}

table.rolloverMenu
{
  background-color: #fff;
}

table.rolloverMenu td
{
  margin: 0;
  padding: 0;
  border: 1px solid red; /*  width: 16px; */
}

/** Header/Footer rows**/
table.rolloverMenu tr.rolloverMenuHeader, table.rolloverMenu tr.rolloverMenuFooter
{
  background-color: #b1db1f;
}

table.rolloverMenu tr.rolloverMenuHeader
{
  vertical-align: top;
}

table.rolloverMenu tr.rolloverMenuFooter
{
  vertical-align: bottom;
}

/** Fillet cells */
table.rolloverMenu tr.rolloverMenuHeader td.menuFilletLeft, table.rolloverMenu tr.rolloverMenuFooter td.menuFilletLeft, table.rolloverMenu tr.rolloverMenuHeader td.menuFilletRight, table.rolloverMenu tr.rolloverMenuFooter td.menuFilletRight
{
  /*  width: 6px; height: 6px; */
}

table.rolloverMenu tr.rolloverMenuHeader td.menuFilletLeft, table.rolloverMenu tr.rolloverMenuFooter td.menuFilletLeft
{
  text-align: left;
}

table.rolloverMenu tr.rolloverMenuHeader td.menuFilletRight, table.rolloverMenu tr.rolloverMenuFooter td.menuFilletRight
{
  text-align: right;
  color: red;
}

/** Contains the actual menu unordered list */
div.rolloverMenu
{
}

ul.rolloverMenu
{
  padding: 0px;
  margin: 0px;
  font-size: 0.85em; /* font size must be defined outside the li element to allow correct alignment of the corner images */
}

ul.rolloverMenu li
{
  /*  width: 10em; */
  background-color: #eff7d3;
  background-repeat: no-repeat;
  list-style-type: none;
  list-style-position: inside; /* this puts a border between menu items */
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ffffff; /* this puts a border between menus */
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ffffff;
  padding: 0.5em 7px 0.5em 7px;
  margin: 0px;
}

ul.rolloverMenu li:hover
{
  background-color: #b3dc23;
}

ul.rolloverMenu li span
{
  /*padding-left: 7px;   padding-right: 7px;*/
}

ul.rolloverMenu li span span
{
  padding-left: 0em;
  padding-right: 0em;
}

ul.rolloverMenu li span.rolloverMenuSiteAreaArrow
{
  margin-left: 0.5em;
  text-decoration: none;
}

ul.rolloverMenu li a, ul.rolloverMenu li a:visited
{
  text-decoration: none;
  color: #000000;
  padding: 0px;
  margin: 0px;
}

ul.rolloverMenu li a:hover span.rolloverMenuSiteArea, ul.rolloverMenu li a:active span.rolloverMenuSiteArea, ul.rolloverMenu li a:hover span.rolloverMenuItem, ul.rolloverMenu li a:active span.rolloverMenuItem
{
  text-decoration: underline;
  color: #000000;
  padding: 0px;
  margin: 0px;
}

/*@todo: Implement - requires rounded corners on all corners*/
ul.rolloverMenu li.single
{
  /**padding-bottom: 0.6em; */ /* must match li.last span */
  background-color: #eff7d3;
  border-bottom: 0px;
}

/*Corner fillet images to give rounded corners to drop down menus*/
ul.rolloverMenu li.first
{
  /** padding-top: 0.5em; */ /* must match li.last */ /**   background-image: url(../images/base/tr.gif);   background-position: top right; */
}

ul.rolloverMenu li.first span
{
  /** padding-top: 0.5em; */ /* must match li.first span */ /**   background-image: url(../images/base/tl.gif);   background-position: top left;   background-repeat: no-repeat; */
}


ul.rolloverMenu li.last
{
  /** padding-bottom: 0.6em; */ /* must match li.last span */ /**   background-image: url(../images/base/br.gif);   background-position: bottom right;   border-bottom: 0px; */
}

ul.rolloverMenu li.last span
{
  /** padding-bottom: 0.6em; */ /* must match li.last */ /**   background-image: url(../images/base/bl.gif);   background-position: bottom left;   background-repeat: no-repeat; */
}

/* ------------------------------------------------------------ */
/* sitemap template */

div.siteMapList
{
  margin-bottom: 2em;
}

div.siteMapList ul
{
  margin-left: 0em;
  padding-left: 0em;
  list-style-type: none;
}

div.siteMapList ul ul li
{
  padding-left: 0.7em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  background-image: url(../images/base/nav_arrow_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.5em;
}

div.siteMapList ul ul li a, div.siteMapList ul ul li a:active, div.siteMapList ul ul li a:visited
{
  color: #000000;
  text-decoration: none;
}

div.siteMapList ul ul li a:hover
{
  color: #000000;
  text-decoration: underline;
}

div.siteMapList ul li span
{
  line-height: 1.1em;
}

div.siteMapList ul.levelOne
{
  margin-left: 0em;
  padding-left: 0em;
  list-style-type: none;
}

div.siteMapList ul.levelOne li span.sitemapSiteArea
{
  display: block;
  background-color: #e52324;
  background-image: url(../images/base/panel_heading_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0.65em 50%;
  color: #ffffff;
  font-weight: bold;
  padding: 0.2em 0.2em 0.2em 1.45em;
  margin: 0em;
  margin-right: 1em;
  margin-top: 1.3em;
  border: outset 1px #fa7879;
  font-size: 0.85em;
  text-transform: uppercase;
}

div.siteMapList ul.levelOne li span.sitemapSiteArea a, div.siteMapList ul.levelOne li span.sitemapSiteArea a:visited
{
  color: #ffffff;
  text-decoration: none;
}

div.siteMapList ul.levelTwo
{
  margin-left: 1.6em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

div.siteMapList ul.levelThree
{
  margin-left: 1.5em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

div.siteMapList ul.levelTwo li span.sitemapSiteAreaLevelTwo
{
  font-weight: bold;
}

/** 

ZE7 Search styles 

**/

/** Top level container for search results */
div.searchResultsPanel
{
}


/** Inner table containing search results as rows*/
div.searchResultsPanel table.searchResultsTable
{
}

/** Row containing a search result*/
div.searchResultsPanel table.searchResultsTable tr
{
  vertical-align: top;
}

/** Cell containing the first search result on a page*/
div.searchResultsPanel table.searchResultsTable tr td.searchResultCellFirst
{
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px 0px 0px 0px;
}

/** Cell containing a search result */
div.searchResultsPanel table.searchResultsTable tr td.searchResultCell
{
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px 0px 0px 0px;
}

/** Cell containing the last search result on a page */
div.searchResultsPanel table.searchResultsTable tr td.searchResultCellFinal
{
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px 0px 1px 0px;
}

/** Special class for a single search result */
div.searchResultsPanel table.searchResultsTable tr td.searchResultCellSingle
{
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px 0px 1px 0px;
  padding: 0px;
  margin: 0px;
}

/** the actual text of the search result **/
div.searchResultsPanel table.searchResultsTable td p
{
  margin-top: 5px;
  margin-bottom: 5px;
}


/** the actual text of the search result **/
div.searchResultsPanel table.searchResultsTable td p span.searchResultSynopsis
{
  font-size: 0.85em;
}

/** The index of the search result item **/
div.searchResultsPanel table.searchResultsTable td p span.searchResultIndex
{
  font-weight: bold;
}

/** Search result title links for al types of cell */

div.searchResultsPanel table.searchResultsTable td.searchResultCellSingle p a, div.searchResultsPanel table.searchResultsTable td.searchResultCellFirst p a, div.searchResultsPanel table.searchResultsTable td.searchResultCell p a, div.searchResultsPanel table.searchResultsTable td.searchResultCellFinal p a
{
  font-weight: bold;
}

.searchResultsPanel table.advancedSearchOptionsPanel
{
  border-color: gray;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  margin-top: 10px;
}

div.searchResultsPanel table.searchResultsTable p.searchResultSynopsis
{
  margin-top: 0px;
}

/** Result pager */
div.searchResultsPanel div.searchResultsPager
{
  margin-top: 10px;
  margin-bottom: 10px;
}

/** Link representing the current page within the pager */
div.searchResultsPanel div.searchResultsPager a.searchResultsCurrentPage
{
  font-weight: bold;
}

/*-Used by phone number/relationship creation search------------------*/

input.indRelSearchButton, input.indRelCreateButton, input.indRelBackButton
{
  border: 1px outset;
}

.indRelSearchForm table td
{
  padding: 0em;
  margin: 0em;
  padding-right: 0.3em;
}

.indRelSearchForm table p
{
  padding: 0em;
  margin: 0em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.createEntityPanel ul
{
  list-style-type: none;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
}

/** Login form */

/** Validation summary */
div.validationSummary, table.validationSummary td
{
  padding: 0.3em;
  color: #dd0000;
  text-align: left;
}

/** Validation summary header text */
div.validationSummary font, table.validationSummary td font
{
  padding: 0em;
  color: #dd0000;
}

/* sometimes a div, sometimes a table */
div.validationSummary ul, table.validationSummary ul
{
  margin: 0em;
  padding: 0em;
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
  list-style-type: none;
}

/* sometimes a div, sometimes a table */
div.validationSummary ul li, table.validationSummary ul li
{
  /* use a background image for bullet, so get consistant placement */
  padding-left: 11px;
  background-image: url(../images/base/nav_arrow_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 0.40em;
}

/** Contains the login, registration, forgotten password forms */
table.registrationLoginTable
{
  /*  width: 100%; */
}

/** Common styling for each of the three main cells */
table.registrationLoginTable td.registrationCell, table.registrationLoginTable td.registrationCell
{
  padding-top: 5px;
}

/** Forgotten password panel */
div.forgottenPasswordPanel, table.forgottenPasswordPanel td, div.loginDetailPanel
{
  padding: 0em;
}

body.pageLogIn form
{
  margin: 0em;
  padding: 0em;
  margin-top: 0.2em;
}

/** Status panel */
table.statusPanel td, div.statusPanel, div.loginDetail table td
{
  margin: 0em;
  padding: 0em;
  padding-bottom: 0.5em;
  text-align: center; /*	padding-left: 290px; /* get past text-as-image */
}

span.statusLabel
{
  color: #dd0000;
}

.loginDetail span.statusLabel
{
  margin-left: 1em;
}

/** The disclaimer textarea container */
div.disclaimerPanel div.disclaimerContainer, table.disclaimerPanel td div.disclaimerContainer
{
}

/** The disclaimer textarea */
div.disclaimerPanel textarea.disclaimer, table.disclaimerPanel td textarea.disclaimer
{
  border: 1px solid;
  padding: 0.4em;
}

/** Feedback (Contact us) */
h2.feedbackSectionTitle
{
  margin-bottom: 0;
}

ul.feedback
{
  list-style-type: none;
}

ul.feedback li.feedback, ul.feedback li.feedbackResponse
{
  padding: 2px;
  list-style-type: none;
  border-style: solid;
  border-color: #e0e0e0;
  border-bottom-color: #d0d0d0;
  border-width: 1px 0px 0px 0px;
}

ul.feedback li.feedback
{
  list-style-type: none;
  border-style: solid;
  border-color: #e0e0e0;
  border-bottom-color: #d0d0d0;
  border-width: 1px 0px 0px 0px;
}

ul.feedback li.feedbackResponse
{
  list-style-type: none;
}

/** The container for response attributes (title, date etc) and the conatiner for the actual text */
ul.feedback li.feedbackResponse div.feedbackResponse
{
  margin-left: 2em;
  border-style: solid;
  border-color: #e0e0e0;
  border-bottom-color: #d0d0d0;
  border-width: 0px 0px 0px 1px;
  padding-left: 2px;
  background-color: #eff7d3;
}

ul.feedback li.feedback div.feedbackText, ul.feedback li.feedbackResponse div.feedbackResponseText
{
  font-style: italic;
  padding: 3px;
}

/* ------------------------------------------------------------ */
/* print styling */

@media print
{
  /* remove major navigation items */
  div.utilNavTop
  {
    display: none;
  }
  div.primaryNav
  {
    display: none;
  }
  div.inPageSearch
  {
    display: none;
  }
  div.secondaryNav
  {
    display: none;
  }
  div.pageFooter
  {
    display: none;
  }

  /* little links to remove */
  .moreLink
  {
    display: none;
  }
  div.calendarNextPrev
  {
    display: none;
  }
  .calendarViewMore
  {
    display: none;
  }

  /* remove side columns */
  #columnOne
  {
    display: none;
  }
  #columnTwo
  {
    margin-left: 0em;
    margin-right: 0em;
  }
  #columnTwo div.addColumnThree
  {
    margin-right: 0em;
  }
  #columnThree
  {
    display: none;
  }

  /* remove padding and background from home page */
  #homePageBody #columnTwo, #homePageBody #columnTwo div.addColumnThree
  {
    padding-left: 0em;
    padding-right: 0em;
    margin-left: 0em;
    margin-right: 0em;
    background-image: none;
  }

  div.pageBanner
  {
    padding-left: 0em;
    padding-right: 0em;
    margin-left: -0.5em;
    margin-right: 0em;
    margin-bottom: 0.3em;
  }

  /* calendar controls */
  #indrelControlPanel
  {
    display: none;
  }
}

/* ------------------------------------------------------------ */
/* table styles */

/* table_border */
table.tableWithBorder, table.tableNoBorder
{
  table-layout: fixed;
}

table.tableWithBorder td
{
  
  border: 1px solid gray;
}

/* table_noborder */
table.tableNoBorder td
{
}

/* html_table */
div.tableWrapper
{
}

/* ------------------------------------------------------------ */
/* facility reports styles */

div#facilityReports table td, 
div#facilityReports table th
{
	padding: 2px 10px 2px 2px;
}

div#facilityReports table tr
{
	
}

div#facilityReports table.facilityReportsResults
{
	width: 550px;
}

div#facilityReports form table th
{
	background-color: #e8f5be;
}

div#facilityReports td.cat
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px 5px 2px;
	border-top: 5px double #b3dc23;
	border-bottom: 1px solid #b3dc23;
}

div#facilityReports td.center
{
	text-align: center;
}

/* ------------------------------------------------------------ */
