@charset "utf-8";
body {
	font: 100% "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFFFFF; /* PAGE BACKGROUND COLOR OFF THE BOTTOM */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
/*	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	vertical-align: middle;
	border-bottom-color: #D6D6D6;
}
.oneColLiqCtrHdr #container {
	width: 100%;  /* this will create a container 100% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
}
.oneColLiqCtrHdr #header {
	background: #FFFFFF; /* PAGE BACKGROUND COLOR */
	padding: 0 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: right;
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 2px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #F00;
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 0px; /* LESS THEN 10 CAUSES HOR SCROLLBAR. remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF; /* PAGE BACKGROUND COLOR */
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.FakeTabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #BDF;  /* unselected */
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.FakeTabbedPanelsTab:hover {
	background-color:#DFF;
}

.TabbedPanelsTab:hover {
	background-color:#DFF;
}

.FakeTabbedPanelsTabSelected {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #FFF;  /* fake selected */
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: 1px solid #FFF;  /* fake selected */
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer; 
}
.Undecorated {
	text-decoration: none;
	color: black;
}
.TabText {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: black;
}

.TabTextL2 {
	text-decoration: none;
    color: black;
}

.PartitionHeading {
	float:right; 
	font-weight: bold;
}

.NeutralBackground {
	background-color: #FFD; 
}
.NeutralBackground hr {
	border:1px solid #DDB;
}
.NeutralBackground .PartitionHeading {
	color:#997;
}

.PinkBackground {
	background-color: #FBD; 
}
.PinkBackground hr {
	border:1px solid #D9B;
}
.PinkBackground .PartitionHeading {
	color:#957;
}

.PeachBackground {
	background-color: #FDB; 
}
.PeachBackground hr {
	border:1px solid #DB9;
}
.PeachBackground .PartitionHeading {
	color:#975;
}

.JadeBackground {
	background-color: #BFD;
}
.JadeBackground hr {
	border:1px solid #9DB;
}
.JadeBackground .PartitionHeading {
	color:#597;
}

.CyanBackground {
	background-color: #BDF;
}
.CyanBackground hr {
	border:1px solid #9BD;
}
.CyanBackground .PartitionHeading {
	color:#579;
}

.LimeBackground {
	background-color: #DFB;
}
.LimeBackground hr {
	border:1px solid #BD9;
}
.LimeBackground .PartitionHeading {
	color:#795;
}

.PurpleBackground {
	background-color: #DBF;
}
.PurpleBackground hr {
	border:1px solid #B9D;
}
.PurpleBackground .PartitionHeading {
	color:#759;
}

.Concealed {
	color: #FFF0F0;
	background-color: #FFF0F0; 
	/*
	color: #FF8888;
	background-color: #FF8888;
	*/
}
.ConcealedFixed {
	color: #FFF0F0;
	background-color: #FFF0F0;
	font-family:"Courier New", Courier, monospace;
	font-size: x-small;
}
.ConcealedSmall {
	color: #FFF0F0;
	background-color: #FFF0F0;
	font-size: x-small;
}

.Deemphasize {
	color:#C0C0C0;
}
.Highlight {
	background-color: #FFFF00;
}
.HighlightGUIpath {
	background-color: #D9FFD5;

	/* outline-width: 2px;*/
	/* outline-style: solid;*/
	/* outline-color: #9F6;*/
	
	/* background-color: #9F6; */
}
.HighlightFilepath {
	background-color: #FFF0D5;

	/* outline-width: 2px;*/
	/* outline-style: solid;*/
	/* outline-color: #FFCC00;*/
	
	/* background-color: #FFCC00; */
}

.TabTextHot {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: red;
}

.TabTextPale {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #999;
}

.PageTitle {
	font-size: xx-large;
	font-weight:bold;
	padding-bottom: 6pt;
}
.ListHeading {
	font-weight:bold; 
	margin-top:1em;
}
.List {
	list-style:none; 
	padding-left:1.5em;
	margin:0em;
}
.BibliographyEntry {
	color: #903;
	font-weight: bold;
}
.BibliographyYear201X {
  float:right; 
  border-style:solid; 
  border-color:#F0F;
  font-weight: bold;
}
.BibliographyYear200X {
  float:right; 
  border-style:solid; 
  border-color:#F00;
  font-weight: bold;
}
.BibliographyYear199X {
  float:right; 
  border-style:solid; 
  border-color:#FFC000;
  font-weight: bold;
}
.BibliographyYear198X {
  float:right; 
  border-style:solid; 
  border-color:#00FFC0;
  font-weight: bold;
}
.BibliographyYear197X {
  float:right; 
  border-style:solid; 
  border-color:#C0FF00;
  font-weight: bold;
}

.BibliographySection {
	color: #903;
	font-weight: bold;
	font-size:larger;
}
.BibliographyLink {
	text-decoration: none;
	color: #800000;
	font-weight: bold;
}
.PresentationLink {
	text-decoration: none;
	color: #008000;
	font-weight: bold;
}
.ResourceLink {
	text-decoration: none;
	color: #000080;
	font-weight: bold;
}
.OutreachLink {
	text-decoration: none;
	color: #800080;
	font-weight: bold;
}
.BibliographySectionLink {
	text-decoration: none;
	color: #008000;
	font-weight: bold;
	font-size:larger;
}

.SmallLink {
	font-size: x-small;
}
.SmallText {
	font-size: x-small;
}
.NormalText {
	font-size: small;
}
.JustifiedText {
	text-align:justify;
	font-size: small;
}
.FloatRight {
	float: right;
    position: static
}
.LucaCardelli {
	text-decoration: none;	
	font-size: 48px;
	text-align: center;
	color: #930; 
}
.LucaCardelli a {
	color: #930; 
	text-decoration: none;	
}

.Invisible {
   color: #FFFFFF;
   font-size: 4pt;
}
.DocumentList{
	margin-top: 12pt;
	/* margin-left: -16pt; Default is -32; IE fails*/
}
.NestedDocumentList{
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-left: -8pt;
	/* margin-left: -16pt; Default is -32; IE fails*/
}

DIV.InvisiDiv {
    border: none; float: left; margin: 0; padding: 0;
	background-color: #FFF;
	width: 20px;
	height: 80px;
}
/* TABLES */

DIV.table {
  background: none; border: none; color: #000000;
  margin: 0; padding: 0; text-align: center; width: auto; 
}

DIV.table-row {
  background: none; border: none; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%; 
}

/* Insert this between table rows so that all browsers behave the same */
DIV.table-row-separator {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* use  background-color:#C63; on the DIV to color the cells */
/* use  color:#C63; on the DIV to color the text */
/* use  width: 50%; on the DIV to specify cell size */

DIV.table-cell-left {
  border: none; float: left; margin: 0; padding: 0;
}
DIV.table-cell {
  border: none; float: none; margin: 0; padding: 0; 
}
DIV.table-cell-right {
  border: none; float: right; margin: 0; padding: 0; 
}
DIV.table-cell-right-header-balancer {
  border: none; float: right; margin: 0; padding: 0; width: 212px;
}


/* THUMBNAIL HOVER POPUPS */

.thumbnail  {
z-index: 0;
position: relative;
margin-left: 2px; /* spacing between thumbnails */
}

.thumbnail img  {
vertical-align: bottom;
height: 16px; /* to prevent giggling during page load */
padding: 1px; /* border */
background-color: #008000; /* Green border */
}

.thumbnail:hover img  {
background-color: #F00; /* Red border highlight */
}

.thumbnail:hover {
z-index: 1;
text-decoration: none; /* if adding hyperlink */
}

.thumbnail span { /*CSS for enlarged image*/
z-index: 10000; /* a value of 2 is enough for Safari and Crome, but IE8 has a z-index bug that shows only on ISP pages, not local pages! */
/* the value must be higher than the total number of popups on a page, or all the thumbnails located *after* in the page will cover the popup */
visibility: hidden;
position: fixed; /* position: absolute; */
right: 2px; /* fix to the right so popup does not overflow page to the right */
top: 2px; /* fix to the top */
padding: 4px; /* Green border */
background-color: #008000; /* Green border */
text-decoration: none; /* if adding hyperlink */
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
padding: 0px;
height: auto; /* since it is fixed to 16 in .thumbnail img */
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; /* when hovering on a .thumbnail, the embedded span becomes visible */
}