/* Global Style Modifiers */
.p_right 
{
	width: 31%; 
	float: right; 
	font-size: 11px;
}

#heading 
{
	margin: 10px 0px; 
	font: 22px Trebuchet MS, Arial, Helvetica, sans-serif; 
	color: #7D2B0D;
}
#heading a
{
	font-size: 11px; 
	float: right; 
	margin-top: 18px; 
}
.lookup 
{
	font-size: 12px; 
	vertical-align: middle;
}
#nav 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	width: 150px; 
	border: 1px solid #E0D6CE; 
	border-right: none;
	border-bottom: none;
}
#nav a 
{
	display: block; 
	background: #F7F7F7; 
	text-decoration: none; 
	border-bottom: 1px solid #E0D6CE; 
	padding: 3px 0 4px 10px;
}
#nav a:hover
{
	background: #FDFDE5;
	color: #000;
}
.active 
{
	background: #FFFFFF url(activetab_bg.gif) repeat-y !important;
	border-top-color: #FF0000 !important;
	border-right-color: #FFFFFF !important;
	margin-right:-1px;
}
#clue_data 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	border: 1px solid #926907; 
	border-right: none; 
	margin-bottom: 4px;
}
#clue_data th 
{
	background: #E2DA82; 
	border-right: 1px solid #926907; 
	text-align: left; 
	font-size: 11px; 
	font-weight: normal; 
	padding-left: 8px;
}
#clue_data td 
{
	border-top: 1px solid #926907; 
	border-right: 1px solid #926907; 
	background: #FBF7CC; 
	padding: 8px;
}
#clue_data a 
{
	font-size: 12px; 
	font-weight: bold;
}
#clue_data li 
{
	margin-left: 10px;
}
.leaf
{
	text-indent:30px;
	background:transparent url(SymbolicGreenLeaf.png) no-repeat scroll 0px 2px;
}

/* Box Styles */
.p_outerBox {background: #CFDB8E; padding: 6px; margin-bottom: 10px;}
.p_box2 {border: 1px solid #BAB2A5; background: #FFFFFF url(box2grad.gif) repeat-x; padding: 12px 9px 12px 11px; }
.p_box2 h2 {text-transform:none; border-bottom: 1px dotted #B2B2B2;}

.nameMeaning
{
	padding-left: 20px;
}
.nameBookAd 
{
	padding: 6px;
	background: #FFFFFF; 
	border: 1px solid #B2B2B2;
}
.nameBookAd h4 
{
	margin-bottom: 6px; 
	border-bottom: 1px dotted #B2B2B2; 
	text-align: center;
}

.container { position: relative; }
.range { vertical-align: middle; }
.mainmap
{
	z-index: 0;
	top: 0px;
	margin-left: 0px;
}
.statehilite
{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}
.nodistributionOffset
{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 5;
}
.nodistribution
{
	background: #FFFFCC;
	width: 250;
	height: 20;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 5;
	font: bold 12px Verdana,Arial,Sans-Serif;
	text-align: center;
}
.source 
{	
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic;
	color: #cccccc;
}
.hilite 
{	
	color: #566c11;
}
.lightblueBackground
{
	background: #E6ECF5;	
}
.subhl
{
	font-size: 14px;
}
.subhl .hilite
{
	font-weight: bold;
}

#shareform {
	position: absolute;
	top: 95px;
	left: 404px;
}
#shareform table {
	background-color: #95a50f;
}
#shareform td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#shareform th {
	background-color: #768808;
}
#shareform .formhead 
{
	background-image: url(heading_share.jpg);
	background-repeat: no-repeat;
	background-position: 45px 0px;
	color:#FFFFFF;
}
#shareform .formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#shareform .formlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.factNavPanel {
	float: left;
}
.factContentPanel {
	padding-left: 18px;
	border: 1px solid #E0D6CE;
	margin-left: 151px;
	margin-bottom: 10px;
}
.factFigurePanel 
{
	float: left;
	width: 60%;
}
.factTopPanel {
	margin: 6px 0px;
}
.factHelpPanel {
	background: #F7F7F7;
	border: 1px solid #E0D6CE;
	padding: 10px;
	margin: 6px;
	margin-left:61%;
	width: auto;
}
.factHelpPanel h4 
{
	text-transform: uppercase; 
	color: #566c11;
	border-bottom: 1px dotted #B2B2B2;
}
.factHelpPanel ul 
{
	padding-left: 0px;
}
.callToAction
{
	margin: 6px 0px;
}

#connectionsBox ul
{
	margin-top: 0px;
	padding-left: 0px;
}
#connectionsBox li
{
	margin: 4px;
}
#facebookAdd
{
	margin-top: 18px; 
	width: 125px; 
	font-size: 11px;
	background: #FFFFFF url(addfacebook.gif) no-repeat;
	padding-left: 25px;
	float:left;
}
a.inviteLink {
	background:url(share_l.gif) no-repeat;
	color:#695E49;
	display:block;
	margin:10px 5px 5px 5px;
	height:25px;
	padding-left:36px;
}
a.inviteLink span 
{
	display:block;
	line-height:25px;
	background: url(share_r.gif) no-repeat top right;
}
.stats {
	background:#F5F5EA url(stats_bg.gif) repeat-x scroll 0%;
	border:1px solid #BBB0A3;
	/*margin-top:8px;*/
	padding:6px;
}
.btn_link p {
	padding:0 0 5px 0;
}
.btn_link a {
	color:#506806;
	display:block;
	background:transparent url(back_l.gif) no-repeat;
	text-decoration:none;
	float:left;
}

.btn_link a span{
	display:block;
	line-height:26px;
	background: url(back_r.gif) no-repeat top right;
	padding-left: 32px;
	padding-right: 10px;
}
.leaderboard
{
	
}
.leaderboard h3
{
	
}
#shareform .formhead {
	background-image:url(heading_share.jpg);
	background-position:45px 0px;
	background-repeat:no-repeat;
}
#shareform th {
	background-color:#768808;
}
.OtherFields a
{
	line-height:26px;
	color:#435802;
	padding:3px 3px 3px 3px;
}
.anchorFields
{
	line-height:26px;
	color:#435802;
	padding:3px 3px 3px 3px;
}
.activeField
{
	line-height:26px;
	color:#ffffff !important;
	background-color:#576C11;
	text-decoration:none;
	padding:3px 3px 3px 3px;
}
.OtherFields a:hover
{
	line-height:26px;
	color:#435802;
	background-color:#DED5D3;
	text-decoration:none;
	padding:3px 3px 3px 3px;
}
.free-trial-box {
    background:#ECEFC9 url(http://c.mfcreative.com/Offer/HomePage/Acom08/Control/img/free-trial-bkgd.gif) repeat-x scroll left top;
    border:1px solid #BFC187;
    height:auto;
    min-height:66px;
    padding: 6px;
}
.free-trial-box h3  
{
    color:#833820; 
    font-weight:700; 
    font-size:18px; 
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    line-height:22px; 
    position:relative; 
    text-align:center; 
    text-transform: uppercase;
    margin-bottom:0px;
}
.free-trial-box p  
{
    margin:0px;
}
.free-trial-box .sign-up-btn  
{
    padding:3px 0 8px; 
}
.free-trial-box .sign-up-btn .sign-up  
{
    background-image:url(http://c.mfcreative.com/Offer/HomePage/Acom08/Control/img/btn-signup.png); 
    color:#566c11; 
    cursor:pointer; 
    display:block; 
    font-weight:400; 
    font-size:12px; 
    font-family:Arial, Helvetica, sans-serif; 
    line-height:16px; 
    text-align:left; 
    text-decoration:none; 
    margin:auto; 
    height:26px; 
    width:126px; 
    position:relative; 
    z-index:1; 
}
.sign-up-btn .sign-up span  
{
    display:inline-block; 
    position:absolute; 
    top:5px; 
    left:15px; 
}
.free-trial-box .get-started
{
    text-align: center;
    font-size: 11px;
    color: #435802;
}
.free-trial-box .get-started a
{
    font-weight: bold;
}

#family-trees-modal { display:none; }

/* LAYOUT MODALS */
.yui-skin-sam .mask { filter:alpha(Opacity=50); opacity:0.50; }
.yui-skin-sam .underlay { filter:alpha(opacity=25); opacity:0.25; }

/* LAYOUT MODALS - BE INSPIRED */
.yui-skin-sam .family-trees-panel { background-color:#fff; height:auto; width:719px; padding:25px 2px 0px; position:relative; }
.yui-skin-sam .family-trees-panel .container-close { background:none; background:transparent url(i/btnClose.gif) no-repeat top left; height:36px; width:90px; position:absolute; top:0; right:0; }

input.hintTextbox       { color: #888; }
input.hintTextboxActive { color: #000; }

#header_starttree{
	float:left;
	background-color:#fdfcf8;
	border: 1px solid #dad6ce;
	padding:12px;
	width:50%;
}
#tree_container{
	background: url(i/tree.gif) no-repeat;
	padding-left: 90px;
	position:relative;
	left: -22px;
}
#header_starttree h2{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #566c11;
	letter-spacing: -.05em;
}
#header_starttree h3{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif !important;
	letter-spacing: normal;
	text-transform:none;
	border: none;
	padding:0 !important;
	color:#566c11;
	background:none;
	margin-top:10px !important;
}

#treeform{
	padding-top:10px;
}
.treeformWide{
	background: url(../../i/home/tree_bracket.gif) no-repeat right top;
}
#treeform form {
	margin:0;
	padding:0;
}
#treeform .formElement{
	margin-right:10px;
	float:left;
	margin-top:5px
}
#treeform .formElement label {
	display:block;
	font-size:11px;
	color:#333333;
}