/* -------------------------------------------------------------------------*/
/* Colors from http://wellstyled.com/tools/colorscheme2/index-en.html
 *   Light pastel for blue:
 *	#E6ECFF	- Lighest blue (230, 236, 255)
 *	#BFCFFF - Second lightest blue (191, 207, 255)
 *	#809FFF - Second darkest blue (128, 159, 255)
 *	#6078BF	- Darkest blue (96, 120, 191)
 *   Triad colors
 *	#FFE6E6 - Ligtest rose
 *	#FFBFBF - Second lightest rose
 *	#FF8080 - Second darkest rose
 *	#BF6060 - Darkest rose
 *
 *	#FFFFE6 - Lightest yellow
 *	#FFFFBF - Second lightest yellow
 *	#FFFF80 - Second darkest yellow
 *	#BFBF60 - Darkest yellow (ocre)
 */
/* -------------------------------------------------------------------------*/
/* Page layouts:
 *   +-----------+
 *   |           | <- #mainPageHeaderBanner
 *   +-----------+
 *   |           |
 *   |           | <- #mainPageMainContentBlock
 *   |           |
 *   |           |
 *   +-----------+
 *   +-----------+ <- #mainPageFooterBanner
 *
 *   +-----------+
 *   |           | <- #mainPageHeaderBanner
 *   +-----------+
 *   |           | <- #mainPagePedigreeDrawingBanner
 *   +-----------+
 *   |           | <- #mainPageMainContentBlock2
 *   |           |
 *   +-----------+
 *   +-----------+ <- #mainPageFooterBanner
 *
 *   +-----------+
 *   |           | <- #mainPageHeaderBanner
 *   +--+--------+
 *   |  |        |
 *   |  | <- #mainPageLeftContentBlock
 *   |  |        | <- #mainPageRightContentBlock
 *   |  |        |
 *   +--+--------+
 *   +-----------+ <- #mainPageFooterBanner
 *
 *   +-----------+
 *   |           | <- #mainPageHeaderBanner
 *   +--+--------+
 *   |  |        | <- #mainPagePedigreeDrawingBlock
 *   |  +--------+
 *   |  | <- #mainPagePersonListBlock
 *   |  |        | <- #mainPagePersonDetailsBlock
 *   |  |        |
 *   +--+--------+
 *   +-----------+ <- #mainPageFooterBanner
 */
/* Format Definitions for General Page Layout */
/*									    */
body {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%; 
	max-height: 100%; 
	background: #FFFFFF; 
	font-family: Arial, Verdana, Sans-serif; 
	/* font-size: 76%; */
	overflow: hidden; 
}
/* For Internet Explorer --- Moved to separate file */
/* * html body { */
/*	padding: 100px 0 20px 0; */	/* Top, Right, Bottom, Left */
/* } */
/* -------------------------------------------------------------------------*/
/* Header banner formatting						    */
/* 									    */
#mainPageHeaderBannerInFlow {
	position: relative;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100px;
	margin: 0;
	border: 0;
	padding: 0;
}
.mainPageHeaderBannerInFlow {
}
#mainPageHeaderBanner {
	position: absolute;	/* This keeps it fixed when window scrolls
				 * but removes it from the flow so other
				 * elements must be absolutely placed. */
	top: 0;
	left: 0px;
	height: 100px;		/* Height is overridden in the document */
				/* Height is a problem since it is the interior
				 * height of the block.  The amount of screen
				 * space is the height plus the padding plus
				 * the border-width plus the margin (at least
				 * on most browsers, IE I think works
				 * differently).  If there are automatic
				 * scroll bars then positioning adjacent
				 * blocks is problematic!!
				 */
	width: 100%;		/* Width for absolute or fixed positioning */
	z-index: 9;
	margin: 0;
	border: 0;
	padding: 0;
	overflow: auto;		/* Add scroll bars if needed */
}
.mainPageHeaderBanner {
	background: #6078BF;	/* */
	color: #E6ECFF;
	font-family: Helvetica, Arial, sans-serif;
}
.mainPageHeaderBanner .noScriptWarning {
	position:	absolute;
	color:		#FF8080;
	bottom:		3px;
	left:		25%;
}
.mainPageHeaderBanner h1 {
	/* font-size: 28px; */
	font-size: 200%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/* Link display... pseudoclasses must be specified in the order:
 *	link	- unvisited display style
 *	visited	- post-visited display style
 *	hover	- when the mouse is over the link
 *	active	- after it is clicked on and loading
 */
.mainPageHeaderBanner a:link,
.mainPageHeaderBanner a:visited {
	color: #E6ECFF;
	text-decoration: none;
}
.mainPageHeaderBanner h1 a:hover,
.mainPageHeaderBanner h1 a:active {
	color: #E6ECFF;
	text-decoration: none;
}
.mainPageHeaderBanner a:hover,
.mainPageHeaderBanner a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.mainPageHeaderBanner h2 {
	/* font-size: 18px; */
	font-size: 129%;
	margin-left: 60px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.mainPageHeaderBanner .userMenuBlock {
	position: absolute;
	right:	5px;
	top:	5px;
	text-align:	right;
	overflow:	visible;	/* No scroll bars just show it */
	z-index: 9;
}
.mainPageHeaderBanner .userMenuBlock div.userNameBlock {
	margin-right:	3px;
	padding-top:	0px;
	padding-right:	0px;
	/* font-size: 18px; */
	font-size: 129%;
}
.mainPageHeaderBanner .userMenuBlock div.userLastLoginBlock {
	margin-right:	3px;
	padding-top:	1px;
	padding-right:	0px;
	/* font-size:	12px; */
	font-size: 86%;
}
.mainPageHeaderBanner .userMenuBlock div.menuItem {
	display:	inline;
	margin-left:	7px;
	margin-right:	3px;
	padding-left:	0px;
	padding-right:	0px;
	/* font-size: 14px; */
	font-size: 100%;
}

/* -------------------------------------------------------------------------*/
#mainPageFooterBanner {
	position:	absolute; 
	left:		0px;
	bottom: 	0px;
	height: 	22px;
	border-top:	1px solid #6078BF;	/* Darkest blue */
	width:		100%;
	z-index: 	1;
	/* overflow:	auto;	Add scroll bars if needed */
	overflow:	hidden;	/* Do not add scroll bars, hide overflow */
	clear:		both;	/* Make sure this doesn't float left or right */
}
.mainPageFooterBanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background: #6078BF;*/
	/*color: #E6ECFF;*/
}
/* .mainPageFooterBanner a:link, */
/* .mainPageFooterBanner a:visited { */
/* 	color: #E6ECFF; */
/* 	text-decoration: none; */
/* } */
/* .mainPageFooterBanner a:hover, */
/* .mainPageFooterBanner a:active { */
/* 	background: #303C60;	/-* Change the background? */
/* 	color: #FFFFFF;	*/
/* 	 text-decoration: underline; */
/* 	background: #FFFFFF; */
/* 	color: #6078BF; */
/* 	text-decoration: none; */
/* } */
/* .mainPageFooterBanner h1 { */
/* 	font-size: 28px; */
/* 	font-size: 200%; */
/* 	margin-left: 10px; */
/* 	margin-top: 5px; */
/* } */
/* .mainPageFooterBanner div { */
/* 	display: inline; */
/* 	padding-left: 5px; */
/* 	padding-right: 10px; */
/* } */

/* -------------------------------------------------------------------------*/
/* Format Definitions for New User and New Provider Registration Blocks */
div.uRegFormBlock {
	background: #E6ECFF;
}
h2.uRegFormSubtitle {
}
div.uRegFormAccountDiv, div.uRegFormUserInfoDiv,
div.uRegFormTermsOfServiceDiv {
	background: #6078BF;
	margin-left: 10ex;
}
table.uRegFormAccountTable, table.uRegFormUserInfoTable {
	background: #6078BF;
	width: 100%;
}
td.uRegAccTableLeftColumn, td.uRegUserTableLeftColumn {
	background: #BFCFFF;
	text-align: right;
	width:	20%;
}
td.uRegAccTableRightColumn, td.uRegAccTableRightExpCell,
td.uRegUserTableRightColumn {
	background: #809FFF;
	text-align: left;
}
td.uRegAccTableRightExpCell {
	padding-bottom: 1em;
}
textarea.uRegFormTermsOfServiceTextarea {
	margin-left: 2ex;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.uRegFormTermsOfServiceAckDiv {
	text-align: center;
}
span.uRegErrorText {
	color: #ff0000;
	font-weight: bold;
}
span.uRegWarningText {
	color: #ffff00;
	font-weight: bold;
}
td.nameLabels, td.newIndLocationLabels {
	font-size: smaller;
	font-variant: small-caps;
	text-align: center;
	vertical-align: top;
}

a.nameDeleteBtn {
	/* background: url("../graphics/navigation_icons.png") repeat-x scroll -120px -260px transparent; */
	background: url("../graphics/my_navigation_icons.png") repeat-x scroll -30px -60px transparent;
	height: 18px;
	width: 18px;
	margin: 0px 3px 0px 3px;	/* T, R, B, L */
	cursor: pointer;
	display: block;
}
a.nameDeleteBtn:hover {
	/*background: url("../graphics/navigation_icons.png") repeat-x scroll -120px -40px transparent;*/
	background: url("../graphics/my_navigation_icons.png") repeat-x scroll -60px -60px transparent;
}

a.nameAddBtn {
	/*background: url("../graphics/navigation_icons.png") repeat-x scroll -80px -40px transparent;*/
	background: url("../graphics/my_navigation_icons.png") repeat-x scroll -30px -30px transparent;
	height: 16px;
	width:  16px;
	margin: -3px 3px 0px 3px;	/* T, R, B, L */
	cursor: pointer;
	display: block;
}
a.nameAddBtn:hover {
	/*background: url("../graphics/navigation_icons.png") repeat-x scroll -80px -40px transparent;*/
	background: url("../graphics/my_navigation_icons.png") repeat-x scroll -60px -30px transparent;
}
/* -------------------------------------------------------------------------*/
/* Format Definitions for New Individual Registration Blocks */
div.newIndPersonalInfoBlock {
	/* border: 1px solid black;	/- */
}
div.newIndBirthDeathBlock {
}
div.newIndAliveDeadBlock {
}
div.newIndCommentsBlock {
}
div.newIndCommentsBlock label {
	vertical-align:	top;
}
/* */
table.newIndLocationsTable {
	padding-left:	20px;
}
/* The medical informaiton section */
div.newIndMedicalInfoBlock {
}
div.newIndMedicalInfoHeaderBlock {
}
div.newIndMedicalInfoBodyBlock {
	margin-left:	15px;
}
div.phObNumberAndArrowColumn {
	/* float:	left;	/- */
	display:	inline;	/* */
	width:		30px;
	height:		14px;
}
div.newIndMedicalInfoFooterBlock {
}
td.medicalInfoColumnHeader {
	font-size: smaller;
	font-variant: small-caps;
	/* text-align: center; */
	vertical-align: bottom;
}
div.newIndCauseOfDeathBlock {
	padding-left:	20px;
	padding-bottom:	10px;
}
div.newIndCauseOfDeathBlock label {
	vertical-align:	top;
}
/* ----- The partners and offspring section ----- */
div.newIndPartnersAndOffspringBlock {
	margin-top:	10px;
	margin-bottom:	10px;
	border-top:	1px solid #6078BF;	/* Darkest blue */
}
div.newIndPartnersAndOffspringHeaderBlock {
	background:	#6078BF;	/* Darkest blue */
	color:		#FFFFFF;	/* White */
	margin-top:	1px;
	padding-top:	4px;
	height:		20px;
}
div.newIndPartnersAndOffspringHeaderBlock .titleText {
}
div.newIndPartnersAndOffspringHeaderBlock a:link,
div.newIndPartnersAndOffspringHeaderBlock a:visited {
	color:	#E6ECFF;		/* Very light blue */
	font-family: verdana, arial, helvetica, sans-serif;
	font-style:	normal;
	text-decoration: underline;
}
div.newIndPartnersAndOffspringHeaderBlock a:hover,
div.newIndPartnersAndOffspringHeaderBlock a:active {
	color:		#FFFFFF;	/* White */
	background:	#809FFF;	/* Medium-dark blue */
	font-family: verdana, arial, helvetica, sans-serif;
	font-style:	normal;
	text-decoration: underline;
}
div.newIndPartnersAndOffspringBodyBlock {
	margin-left:	15px;
}
div.newIndPartnersAndOffspringBlock div.spousePairBlock {
	background:	#809FFF;	/* Medium-dark blue */
	margin-left:	0px;
}
div.spousePairCommentsBlock label {
	vertical-align:	top;
}
div.newIndPartnersAndOffspringFooterBlock {
}
/* ----- Partner section ----- */
/* Encompases partner and the offspring with this partner */
div.partnerBlockFirst,
div.partnerBlockOdd, div.partnerBlockEven {
	padding-top:	2px;
	background:	#E6ECFF	/* Lighest blue */
}
div.partnerBlockOdd, div.partnerBlockEven {
	margin-top:	4px;
	border-top:	6px solid #6078BF;	/* Darkest blue */
}
/* ----- Offspring section ----- */
div.newIndOffspringDetailsBlock, div.newIndOffspringDetailsFooterBlock {
	margin-left:	15px;
}
/* ----- Parents section ----- */
div.newIndParentsBlock {
	border-top:	1px solid #6078BF;	/* Darkest blue */
}
div.newIndParentsHeaderBlock {
	background:	#6078BF;	/* Darkest blue */
	color:		#FFFFFF;	/* White */
	margin-top:	1px;
	padding-top:	4px;
	height:		20px;
}
div.newIndParentsHeaderBlock a:link,
div.newIndParentsHeaderBlock a:visited {
	color:	#E6ECFF;		/* Very light blue */
	font-family: verdana, arial, helvetica, sans-serif;
	font-style:	normal;
	text-decoration: underline;
}
div.newIndParentsHeaderBlock a:hover,
div.newIndParentsHeaderBlock a:active {
	color:		#FFFFFF;	/* White */
	background:	#809FFF;	/* Medium-dark blue */
	font-family: verdana, arial, helvetica, sans-serif;
	font-style:	normal;
	text-decoration: underline;
}
div.newIndParentsBodyBlock {
	margin-left:	15px;
}
div.newIndParentsBodyBlock div.spousePairBlock {
	background:	#809FFF;	/* Medium-dark blue */
	margin-left:	0px;
}
/* ----- Sub-person section(s) ----- */
div.subPersonBlock {
	margin-left:	15px;
}
/* ----- For the temporary block displayed while loading a relative ----- */
div.relativeIsLoadingBlock {
	padding:	20px;
	margin-right:	10px;
	border:		solid 1px;
}

/* -------------------------------------------------------------------------*/
/* Format Definitions for User Login Block */
div.uLoginFormBlock {
	background: #E6ECFF;
}
div.uLoginButtonBlock {
	text-align: left;
	margin-top: 2px;
}
span.uLoginErrorText {
	color: #ff0000;
	font-weight: bold;
}
span.uLoginWarningText {
	color: #ffff00;
	font-weight: bold;
}
table.uLoginFormTable {
	background: #6078BF;
}
td.uLoginTableLeftColumn {
	background: #BFCFFF;
	text-align: right;
}
td.uLoginTableRightColumn {
	background: #809FFF;
	text-align: left;
}
td.uLoginTableDoubleColumn {
	text-align: right;
}
/* Here is login block formatting for if it is in the header banner... */
.mainPageHeaderBanner div.uLoginFormBlock {
	background: #6078BF;
	margin-right: 6px;
}
.mainPageHeaderBanner div.uLoginButtonBlock {
	text-align: right;
	margin-top: 2px;
	margin-right: 6px;
}
.mainPageHeaderBanner span.uLoginErrorText {
	color: #FF8080;
	font-weight: bold;
}
.mainPageHeaderBanner span.uLoginWarningText {
	color: #ffff00;
	font-weight: bold;
}
.mainPageHeaderBanner table.uLoginFormTable {
}
.mainPageHeaderBanner table.uLoginFormTable td {
	padding: 0;
}
.mainPageHeaderBanner table.uLoginFormTable tr {
	margin: 0;
}
.mainPageHeaderBanner td.uLoginTableLeftColumn {
	background: #6078BF;
	color:	#E6ECFF;
	padding: 0;
	margin: 0;
	border-width: 0px;
	text-align: right;
}
.mainPageHeaderBanner td.uLoginTableRightColumn {
	background: #6078BF;
	text-align: right;
	padding: 0;
	margin: 0;
	border: none;
	width: 12ex;
}
.mainPageHeaderBanner td.uLoginTableDoubleColumn {
	text-align: right;
}
.mainPageHeaderBanner td.uLoginTableRightColumn input {
	background: #FFFFE6;	/* Light yellow background */
	color: #6078BF;			/* Darkest blue text */
	border:	none;
	text-align:	left;
}
/*--------------------------------------------------------------------------*/
#mainPagePersonListBlock {
	position: fixed;	/* This is nice but doen't work on IE */
	top:		100px;	/* To position it just below the HeaderBanner */
	left:		0px;
	bottom:		23px;	/* For the mainPageFooterBanner */
	width:		168px;	/* I would like this in 'ex' units but have */
				/* problems lining up other divisions because */
				/* of font size differences between them. */
	padding-left:	6px;
	padding-top:	6px;
	overflow:	auto;	/* Add scroll bars if needed */
	border-left:	10px solid #6078BF;
	border-right:	6px solid #6078BF;
	background: #E6ECFF;
}
/* Hack For Internet Explorer --- Moved to separate file */
/* * html #mainPagePersonListBlock { */
/*	height: 100%; */
	/* width: 190px;   Removed because of change in DOCTYPE */
/*	float: left; */
/*} */
/*--------------------------------------------------------------------------*/
#mainPageDrawingAndDetailsBlock {
	/*position: relative;	/- This scrolls with the page */
	/*float:		left;	/- */
	/*border: 2px solid orange;	/- */
}
/*--------------------------------------------------------------------------*/
#mainPagePedigreeDrawingBlock {
	position: absolute;	/* This scrolls with the page */
	left:		190px;	/* Determined by the width of the list */
	top:		100px;	/* To position it just below the HeaderBanner */
	height:		200px;	/* Space for the drawing */
	right:		0px;
	margin:		0px;
	z-index:	2;
	overflow:	auto;	/* Add scroll bars if needed */
}
/* The "tooltip" popup block for pedigree symbols */
.mainPagePedigreePersonPopup {
	/*width:		200px;*/
	z-index:	800;
	background:	#E6ECFF;		/* Lightest blue */
	padding:	3px;
	border:		1px solid #5068aF;	/* Darkest blue */
	box-shadow:	    5px 5px 5px #6078bf;
	-moz-box-shadow:    5px 5px 5px #6078bf;
	-webkit-box-shadow: 5px 5px 5px #6078bf;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
}
.mainPagePedigreePersonPopup ol {
	margin:		0px;
	padding-left:	2.5em;
}
/*--------------------------------------------------------------------------*/
#mainPagePersonDetailsHeaderBlock {
	position: absolute;	/* This scrolls with the page */
	/*position:	relative;	/- */
	top:		300px;	/* HeaderBanner plus DrawingBlock */
	/* Why is the left not 27.5ex??? */
	/*left:		24.9ex;	/- Determined by the width of the list */
	left:		190px;
	/* right:		0px;	/- */
	width:		100%;
	z-index:	50;	/* For IE-7 to keep menus on top */
}
.pedigreePersonTitleText {
	color:			#E6ECFF;	/* Lightest blue */
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border-top:		1px solid #6078BF;	/* Darkest blue */
	border-bottom:		1px solid #6078BF;	/* Darkest blue */
	/* padding:		1px 0;	/- */
	/* padding-left:	.5ex;	/- */
	/* padding-top:	2px;		/- */
	/* padding-bottom:	2px;	/- */
	/* border: 1px solid black;	/- */
}
/* #mainPagePersonDetailsHeaderBlock a:link, */
/* #mainPagePersonDetailsHeaderBlock a:visited { */
	/* color: #E6ECFF; */
	/* background: #6078BF; */
	/* border: 1px solid white; */
	/* text-decoration: none; */
/* } */
/* #mainPagePersonDetailsHeaderBlock a:hover, */
/* #mainPagePersonDetailsHeaderBlock a:active { */
	/* background: #E6ECFF; */
	/* background: #FFFFFF; /- */
	/* color: #6078BF; */
	/* text-decoration: none; */
/* } */
/*--------------------------------------------------------------------------*/
#mainPagePersonDetailsBoundingBlock {
}
#mainPagePersonDetailsBlock {
	/*position: absolute;	/- This scrolls with the page */
	position: fixed;	/* This does not scroll with the page */
	top:		325px;	/* HeaderBanner +DetailsHeader +DrawingBlock */
	left:		190px;	/* Determined by the width of the list */
	bottom:		23px;	/* For the mainPageFooterBanner */
	right: 0px;
	overflow: auto;		/* Add scroll bars if needed */
	/*border: 2px solid red;	/- */
	/*border-top:	6px solid #6078BF;	/- */
	/*padding-left:	1ex;	/- */
}
/*--------------------------------------------------------------------------*/
/* Left frame and scrolling main content window between header and footer */
#mainPageLeftContentBlock,
#mainPageRightContentBlock {
	position:	fixed;	/* This is nice but doen't work on IE */
	top:		100px;	/* To position it just below the HeaderBanner */
	left:		0px;
	bottom:		23px;	/* For the mainPageFooterBanner */
	width:		174px;	/* I would like this in 'ex' units but have */
				/* problems lining up other divisions because */
				/* of font size differences between them. */
	padding:	6px 0 0 0;	/* T R B L */
	overflow:	visible;	/* No scroll bars just show it */
	border-left:	10px solid #6078BF;
	border-right:	6px solid #6078BF;
	background:	#E6ECFF;
}
#mainPageLeftContentBlock {
	z-index:	50;	/* For Opera to put the menu on top */
}
/* Hack For Internet Explorer --- Moved to separate file */
/* * html #mainPageLeftContentBlock { */
/*	height: 100%; */
/*	width: 190px; */
/*	float: left; */
/* } */
#mainPageRightContentBlock {
	border:		0;
	padding-left:	6px;
	left:		190px;	/* 168+6+10+6 */
	right:		0;
	width:		auto;
	overflow:	auto;	/* No scroll bars just show it */
}
/* Hack For Internet Explorer --- Moved to separate file */
/* * html #mainPageRightContentBlock { */
/*	height: 100%; */
/* } */
.mainPageLeftContentBlock,
.mainPageRightContentBlock {
}
/*--------------------------------------------------------------------------*/
/* Single scrolling window between header and footer banners */
#mainPageMainContentBlock {
	position: 	fixed;
	top:		100px;	/* For the mainPageHeaderBanner */
	left:		0px;	/* Determined by the width of the list */
	bottom:		23px;	/* For the mainPageFooterBanner */
	right:		0px;
	overflow: auto;		/* Add scroll bars if needed */
	/*border-top:	6px solid #6078BF;	/- */
	padding-top:	2px;	/* */
	padding-left:	6px;	/* */
	border-left:	10px solid #6078BF;
}
/* Hack For Internet Explorer --- Moved to separate file */
/* * html #mainPageMainContentBlock { */
/*	height: 100%;	*/
/* } */
.mainPageMainContentBlock {
	background: #E6ECFF;
}
/*--------------------------------------------------------------------------*/
/* Single banner all the way across for the pedigree drawing */
#mainPagePedigreeDrawingBanner {
	position: absolute;	/* This scrolls with the page */
	left:		0px;	/* Determined by the width of the list */
	top:		100px;	/* To position it just below the HeaderBanner */
	height:		200px;	/* Space for the drawing */
	right:		0px;
	margin:		0px;
	border-left:	10px solid #6078BF;
	z-index: 2;
	overflow:	auto;	/* Add scroll bars if needed */
}
/*--------------------------------------------------------------------------*/
/* Single scrolling window between pedigree banner and footer banner */
/* The bounding block is only here to get IE 6 to behave */
#mainPageMainContentBoundingBlock2 {
}
#mainPageMainContentBlock2 {
	position: 	fixed;
	top:		300px;	/* For the mainPageHeaderBanner plus ped */
	bottom:		23px;	/* For the mainPageFooterBanner */
	left:		0px;	/* Determined by the width of the list */
	right:		0px;
	overflow:	auto;	/* Add scroll bars if needed */
	border-top:	6px solid #6078BF;	/* */
	padding-top:	2px;	/* */
	padding-left:	6px;	/* */
	border-left:	10px solid #6078BF;
	width:		auto;
}
.mainPageMainContentBlock2 {
	background: #E6ECFF;
}
/*--------------------------------------------------------------------------*/
/* ----- pedPublish entries ----- */
table.symbolSelectionTable {
}
table.symbolSelectionTable th.colorColumnHeader {
	text-align:	center;
}
table.symbolSelectionTable th {
	text-align:	left;
}
table.symbolSelectionTable td.colorColumn {
	padding-left:	4px;
}
table.symbolSelectionTable td.omitFromKeyColumn {
	text-align:	center;
}
/*--------------------------------------------------------------------------*/
/* Formatting for the autosuggestion / autocompletion controls */
div.suggestions {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #6078BF;
	position: absolute;
	/* background: #E6ECFF;	/- Light blue background */
	/* background: #FFFFE6;	/- Lightest yellow background */
	background: #FFFFBF;	/* Second lightest yellow background */
	z-index: 99;
}
/* This is the formatting for the individual suggestions in the dropdown */
div.suggestions div {
	cursor: default;
	padding: 0px 3px;
}
/* This the formatting the the selected or mouse-overed suggestion */
div.suggestions div.current {
	background: #6078BF;
	color: #E6ECFF;
}
/*--------------------------------------------------------------------------*/
/* ----- Formatting for user input ----- */
.inputForm fieldset {
	border:		0;
	margin:		0;
	padding:	0;
}
.inputForm span.noErrorText {
}
.inputForm span.errorText {
	color: #ff0000;
	font-weight: bold;
}

/* For text or other fields in the e-mail message form on contactUs page */
#emailMessageForm div {
	clear:		both;
	margin-bottom:	20px;
}
#emailMessageForm label {
	float:		left;
	font-weight:	bold;
	margin-right:	5px;
	vertical-align:	top;
	text-align:	right;
	width:		112px;
}
#emailMessageForm .inputField {
	width:		350px;
}
#emailMessageForm button {
	margin-left:	117px;
}
/*--------------------------------------------------------------------------*/
/* ----- phpcode/newProbandForm entries ----- */
span.informationSourceLabel {
	vertical-align:	top;
}
/*input {			/- */
/*	/- background: none;	/- */
/*	border: none;		/- */
/*	/- font-size: 14px;	/- */
/*	color: red;		/- */
/*}				/- */
/*--------------------------------------------------------------------------*/
/* ----- Let's try the dim/darkened background thing ---- */
.darkenBackground {
	display:	none;
	background-color: rgb(0, 0, 0);
	opacity:	0.7; /* Safari, Opera */
	-moz-opacity:	0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index:	998;
	height:		100%;
	width:		100%;
	background-repeat:repeat;
	position:	absolute;
	top:		0px;
	left:		0px;
}
.messageOverDim {
	display:	none;
	background-color: rgb(255,255,255);
	border:		5px solid #6078BF;	/* Darkest blue */
	padding:	20px;
	z-index:	999;
	position:	absolute;
	left:		35%;
	top:		40%;
}
/* From MapQuest OnStar... */
.underlayWrapper {
	background:	transparent none repeat scroll 0 0;
	position:	absolute;
	left:	0px;
	top:	0px;
	z-index:	60;
	display:	none;
}
.underlay {
	background: #EEEEEE none repeat scroll 0 0;
	background-color: black;
	opacity: 0.5;
	width: 100%;
	height: 100%;
}