@charset "UTF-8";

/* SpryMasterDetail.css */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Master/Detail structure container. 
 *
 * If you want to constrain the width of the Master/Detail structure, set a width on
 * the Master/Detail container. By default, our structure expands horizontally to fill
 * up available space.
 */
#bioBin h1 {
}
#bioBin h2 {
	font-size:24px;
	line-height:1.2em;
	font-weight:bold;
	word-wrap:break-word;
	color:#CCCCCC;
}
#bioBin h3 {
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:10px;
	color:#CCCCCC;
}
#bioBin h4 {
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:10px;
	color:#CCCCCC;
}
#bioBin h5 {
	font-size:90%;
	margin-bottom:10px;
	font-weight: bold;
}

#bioBin h6 {
	font-size:12px;
	margin-bottom:10px;
	font-weight: bold;
	color:#CCCCCC;
}
#bottomBin {
	float: left;
	width: 200px;
	position: relative;
	margin-top: 10px;
	margin-right: 12px;
	padding-left: 8px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	background-color: #CCCCCC;
	border: 4px groove #FF0000;
	margin-bottom: 10px;
	margin-left: 12px;
	z-index: 500;
}
#bar {
	width: 180px;
	z-index: 9999;
	position: absolute;
	padding: 10px;
	float: left;
	line-height: 1em;
	margin-top: 4px;
	margin-bottom: 10px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	background-image: url(../ART/bg-50perGRY_SQR.png);
	background-repeat: repeat;
	margin-left: 4px;
	font-size: 90%;
	border: 4px groove #FF0000;
}
#bioBin {
	position: inherit;
	width: 560px;
	z-index: 9999;
	margin-left: 210px;
	top: 0px;
	margin-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 1.1em;
	color: #FFFFFF;
}
.MasterDetail
{
	position: relative;
}
/* This is the selector for the Master Container element which houses all the MasterColumn
 * classes. By default the Master column occupy about 35% from the width of the 
 * entire structure. 
*/
.MasterContainer 
{
}
/* This is the selector for a Master Column element which holds the actual data for 
 * a master column.
*/
#MasterColumn 
{
	cursor:pointer;
	padding-left: 0px;
	float: left;
	padding-right: 0px;
	width: 200px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.MasterColumn 
{
	cursor:pointer;
	padding-left: 8px;
	float: left;
	padding-right: 2px;
	width: 190px;
	padding-top: 2px;
	padding-bottom: 1px;
}
/* This is the selector for a highlighted Master Column element.
*/
.MasterColumn:Hover
{
	color: #FF6600;
	text-decoration: underline;
}

/* This is the selector for a selected Master Column element.
*/
.MasterColumnSelected
{
}

/* This is the selector for the Detail Container element which houses all the DetailColumn
 * classes. By default the Detail column occupy about 60% from the width of the 
 * entire structure. 
*/
.DetailContainer
{
	float: left;
	border-left-width: 1px;
	border-left-style: ridge;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	left: 0;
	top: 0px;
	z-index: 20;
	width: 600px;
}

/* This is the selector for a Detail Column element which holds the actual data for 
 * a detail column.
*/

.DetailColumnTitle {
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}
.DetailColumn {
}
.DetailColumnCert {
	float: left;
}
.DetailColumnCurrent {
	float: right;
	width: 220px;
}
.DetailColumnMemeber {
	float: left;
}
.DetailColumnBio {
	float: left;
}
.DetailColumnPast {
	color: #999999;
	float: left;
}
#locationListing {
	float: left;
	position: relative;
	padding-left: 20px;
	width: 500px;
}
#bioBin .closer {
	text-align: right;
	padding: 4px;
	width: 100%;
	margin-bottom: 6px;
	position: relative;
}