body {
	/* some basic defaults */
	font-family: Arial;
	color: #000;
	margin: 0px;
	border: 0px;
	padding: 0px;
	
	/* hide horizontal scroll and show vertical */
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden; /* because the plex needs to spill to the left */
	overflow-y: scroll;
}

#Header {
	z-order: 100;
}

#plex, #plexBackground {
  /* plex should cover the entire page and beyond the right edge */
  /* must be wider than page to prevent word wrapping of siblings that extend off the right side */
  /* top left corner at 0,0 simplifies positional logic */
  font-size: 12px;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 200%;
  height: 100%;
}


#flashBar {
	position: relative;
  
	/* this controls the relative dimension of the plex */
	width: 100%; 
	height:350px; /*306px; /*206px;*/
  
	margin: 0px auto;
	text-align: left;
 
	/*background-color:#000;
	background-image:url(../images/layout/plex-pane.gif); 
	background-repeat:no-repeat;*/
	
}

#bannerBar {
	/* same as plexBar */
	position: relative;
	visibility: hidden;
  
	/* this controls the relative dimension of the plex */
	width: 100%; 
	height: 160px; /*206px; /*150px; /*0px; /*350px; /*306px; /*206px;*/
  
	margin: 0px auto;
	text-align: center;
	vertical-align: center;
 /*
	background-color:#000;
	background-image:url(../images/layout/plex-pane.gif); 
	background-repeat:no-repeat;*/	
}

#plexBar {
	position: relative;
	visibility: hidden;
  
	/* this controls the relative dimension of the plex */
	width: 100%; 
	height:206px; /*0px; /*350px; /*306px; /*206px;*/
  
	margin: 0px auto;
	text-align: left;
 
	/*background-color:#000;
	background-image:url(../images/layout/plex-pane.gif); 
	background-repeat:no-repeat;*/
}

#plexDiv {
  height: 100%;
  border:0px solid #000;
}

#zoneLayoutReference {
  /* use this div to set the size and location of the plex */
  position: absolute;
  top: 300px; /*0%;*/
  left: 50px; /*0%;*/
  height: 100%; /*100%*/
  width: 100%;
  visibility: hidden;
}

#zoneLayout, #zoneLayoutReference {
  /* put background (wallpaper) settings here */
  /* do not attempt to position this div - it will be done automatically inside of zoneLayoutReference */
  
  /* wallpaper settings placed in plexbar */
}

/* This cause a while line under the pins line */
#linkHelpDiv {
  font-size: 10px;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  visibility: hidden;
  
}

.zone {
  border-collapse: collapse;
  border: 0px solid #f00;
}

#PINS, #PTL {
  /* do not attempt to position this div - it will be done automatically inside of zoneLayoutReference */
  /* these will automatically be placed at the top and bottom of the zoneLayout */
  position: absolute;
  height: 20px;
}
#PINS {
  border-bottom: 1px solid #fff;
}
#PTL {
  border-top: 1px solid #fff;
}

#ACTIVE {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 25%;
}

#CHILD {
  position: absolute;
  top: 53%;
  left: 0%;
  width: 100%;
  height: 48%;
}

#PARENT {
  position: absolute;
  top: 0%;
  left: 25%;
  width: 50%;
  height: 25%;
}

#JUMP {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 25%;
  height: 50%;
}

#SIBLING {
  position: absolute;
  top: 0%;
  left: 75%;
  width: 25%;
  height: 50%;
}

/*
Thought DIVS
*/

.thought, .thoughtBackground {
  position: absolute;
  padding: 2px;
  text-align: center;
  /* background-color: #660; general colour of thoughts */

}

/* change the color of the thought background using settings.js */
.thoughtBackground {
	opacity: 0.50;
	filter: alpha(opacity=50);
	padding: 0px;
}

.thought :link, .thought :visited {
	color: #fff;
	text-decoration: none;
}

.thought :hover {
  border: 1px solid #ff0;
}

.ACTIVE {
	color: #f00/*fff*/;
	font-weight: bold;
	border: 1px solid #0f0;
}

.NEXT {
	font-weight: normal;
}

/*
make sure icons don't get outlined and don't highlight independently
*/


img, .thought a :hover  {
  border: 0px;
  padding: 0px;
/*
  padding-bottom: 3px;
  padding-right: 2px;
*/
  margin: 0px;
  vertical-align: middle;
}

/*
scrollbar divs
*/

.scrollLeft, .scrollRight, .scrollUp, .scrollDown {
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 0px;
}

.scrollUp {
  background-image: url(../theBrain/up.gif);
  border-bottom: 1px solid #000;
}

.scrollDown {
  background-image: url(../theBrain/down.gif);
  border-top: 1px solid #000;
}

.scrollLeft {
  background-image: url(../theBrain/left.gif);
  border-right: 1px solid #000;
}

.scrollRight {
  background-image: url(../theBrain/right.gif);
  border-left: 1px solid #000;
}

.scrollHBar, .scrollVBar {
  position: absolute;
  border: 1px solid #000;
  
  /* if there is not background, IE won't let you click on it! */
  background-image: url(../theBrain/empty.gif);
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 0px;
}

.scrollHThumb, .scrollVThumb {
  position: absolute;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 0px;
}



#mainPage {
	align: center;
	text-align: center;
	
	background-color:#000;
	/*
	background-image:url(../images/layout/side-grad.gif);
	background-repeat:repeat-x;
	*/
	padding-bottom:20px; 
	}

#All {
	position: absolute;
	width:950px;
	left:0px;
	top:0px;
	/*height: 90%;*/
	padding-bottom:30px;
	align:center;
	
	background-color:#000;
	background-image:url(../images/layout/all-pane.jpg); 
	background-repeat:no-repeat;
	
  }
  
  
/* HEADER PANE */
#Header {
	position:relative;
	
	/* positioned and sized to fit header-pane.gif exactly */
	top:0%;
	left:0%;
	width:100%;
	height:61px;
	z-index:100;

	/* include the header-pane because the plex slips up under the header */
	background-color:#000;
	background-image:url(../images/layout/header-pane.jpg);
	background-repeat:no-repeat;
	
	text-align:center;
	text-size:18px;
	color:#fff;
	}

/* MAIN CONTENTS PANE */
#contentContainer {
	position: absolute; /* controlled by PB */
	width: 100%;
	
	padding-top:30px;
	padding-bottom:40px;
  
	/*background-color:#000;
	background-image:url(../images/layout/content-pane.gif);
	background-repeat:no-repeat;*/


}


#content {
  position: relative;
  top: 0px /*20px; /* places a top margin of the content container - was 0%;*/
  left: 0%;
	font-family: Verdana;
	font-size: small;
	color: #fff;
	width: 740px;
	height: 100%;
	text-align: left;
}

 /* this applied itself to the diss links 
#content :link,
#content :visited {
	/* links light grey */
/*	color: #aaa; /*#ff0;*/
/*	text-decoration: none;
}

#content :hover {
	/* links alkamie orange */
/*	color: #f60;
	text-decoration: none;
}
*/

.title {
  font-weight: bold;
  font-size: medium;
  color: #f00;
}

#contentFrame {
  border: 0px;
  width: 100%;
  height: 100%;
}

#autoHideDiv {
	position: absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.container {
  position: relative;
}

.plexContainer {
  position: relative;
  height: 100%;
}

.tinyInfo {
  visibility: hidden;
}

.unitContent {
  visibility: hidden;
}

.copyformat {
	text-align:right;
	font-size:9px;
	color:#666;
	}