.profile
{
	position: absolute;
	margin: 1px;
    padding: 0;
}
.profile-content
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	border-style: solid;
	border-width: 2px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 2;
}
.profile-content a
{
	text-decoration: none;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	display: block;
}
.profile-content a:focus
{
	background-color: rgb(190, 230, 190);
	color: rgb(80, 80, 80) !important;
}
.profile:hover
{
	z-index: 110;
}
.profile .gender
{
	display: none;
}

strong.name
{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zodiac
{
	font-size: 150%;
}
.dagger
{
	font-weight: normal;
}
.dates
{
	display: block;
	font-style: italic;
}
.date
{
	white-space: nowrap;
}

.symbol
{
	/*cursor: default;*/
}

/* Common properties */
.child, .parent, .sibling, .spouse, .adoptiveparent, .adoptedchild, .stepparent, .godparent, .stepchild, .godchild, .grandparent, .grandchild
{
	width: 15%;
	min-width: 60px;
	min-height: 55px;
}ul.main-tree, ul.tree
{
	list-style-type: none;
}

ul.main-tree
{
	border: none;
	bottom: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 30px;
	right: 0;
	min-height: 100px;
}/* Basic ADD actions */
.add_bottom, .add_top, .add_right, .add_left,
.add_bottom_important, .add_top_important,
.add_right_important, .add_left_important
{
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
}
.add_top, .add_top_important,
.add_bottom, .add_bottom_important
{
	left: 50%;
}
.add_left, .add_left_important,
.add_right, .add_right_important
{
	top: 50%;
}
.add_top:before, .add_top_important:before,
.add_bottom:before, .add_bottom_important:before
{
	left: -15px;
}
.profile:hover .add_top:before, .profile:hover .add_top_important:before,
.profile:hover .add_bottom:before, .profile:hover .add_bottom_important:before
{
	left: -20px;
}
.add_top:hover:before, .add_top_important:hover:before,
.add_bottom:hover:before, .add_bottom_important:hover:before,
.add_top:focus:before, .add_top_important:focus:before,
.add_bottom:focus:before, .add_bottom_important:focus:before
{
	left: -25px !important;
}
.add_right:before, .add_right_important:before,
.add_left:before, .add_left_important:before
{
	top: -15px;
}
.profile:hover .add_right:before, .profile:hover .add_right_important:before,
.profile:hover .add_left:before, .profile:hover .add_left_important:before
{
	top: -20px;
}
.add_right:hover:before, .add_right_important:hover:before,
.add_left:hover:before, .add_left_important:hover:before
{
	top: -25px !important;
}
.add_bottom:before, .add_top:before,
.add_right:before, .add_left:before,
.add_bottom_important:before, .add_top_important:before,
.add_right_important:before, .add_left_important:before
{
	content: "+";
	position: relative;
	font-weight: bold;
	color: white;
	width: 30px;
	height: 30px;
	background-color: rgb(200,215,200);
    position: absolute;
    display: block;
    padding: 0;
	-webkit-border-radius: 40%;
    -moz-border-radius: 40%;
    border-radius: 40%;
    line-height: 28px;
    text-align: center;
	transition: all .2s .1s;
}
.profile:hover .add_bottom:before,
.profile:hover .add_top:before,
.profile:hover .add_right:before,
.profile:hover .add_left:before,
.profile:hover .add_bottom_important:before,
.profile:hover .add_top_important:before,
.profile:hover .add_right_important:before,
.profile:hover .add_left_important:before
{
	width: 40px;
	height: 40px;
	line-height: 38px;
}
.add_bottom:hover:before, .add_top:hover:before,
.add_right:hover:before, .add_left:hover:before,
.add_bottom_important:hover:before, .add_top_important:hover:before,
.add_right_important:hover:before, .add_left_important:hover:before
{
	width: 50px !important;
	height: 50px !important;
	line-height: 48px !important;
	transition: all .2s 0s;
}
.add_bottom:before, .add_top:before, .add_right:before, .add_left:before
{
	background-color: rgb(200,215,200);
}
.add_bottom_important:before, .add_top_important:before,
.add_right_important:before, .add_left_important:before
{
	background-color: rgb(255, 180, 180);
}
.add_bottom:hover:before, .add_top:hover:before,
.add_right:hover:before, .add_left:hover:before
{
	background-color: rgb(100, 130, 100);
}
.add_bottom_important:hover:before, .add_top_important:hover:before,
.add_right_important:hover:before, .add_left_important:hover:before
{
	background-color: rgb(255, 130, 130);
}
.add_top > div, .add_right > div, .add_left > div, .add_bottom > div,
.add_top_important > div, .add_right_important > div,
.add_left_important > div, .add_bottom_important > div
{
	visibility: hidden;
	position: absolute;
    white-space: nowrap;
	border-style: dashed;
	border-width: 2px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding: 0;
	background-color: white;
}
.add_bottom > div, .add_top > div, .add_right > div, .add_left > div
{
	border-color: rgb(100, 130, 100);
}
.add_bottom_important > div, .add_top_important > div,
.add_right_important > div, .add_left_important > div
{
	border-color: rgb(255, 130, 130);
}
.add_top:hover > div, .add_right:hover > div, .add_left:hover > div, .add_bottom:hover > div,
.add_top_important:hover > div, .add_right_important:hover > div,
.add_left_important:hover > div, .add_bottom_important:hover > div
{
	visibility: visible;
}
.add_right a, .add_left a, .add_bottom a, .add_top a,
.add_right_important a, .add_left_important a, .add_bottom_important a, .add_top_important a
{
	text-decoration: none;
	color: rgb(150,170,150);
	padding: 5px 15px;
	display: block;
}
.add_right a:hover, .add_left a:hover, .add_bottom a:hover, .add_top a:hover,
.add_right_important a:hover, .add_left_important a:hover, .add_bottom_important a:hover, .add_top_important a:hover
{
	text-decoration: underline;
	color: rgb(100, 130, 100);
}
.add_bottom > div:before, .add_bottom_important > div:before,
.add_top > div:before, .add_top_important > div:before
{
	content: "";
	position: absolute;
	left:0;
	width: 100%;
	height: 0;
	border-top: solid 20px transparent;
}
.add_left > div:before, .add_left_important > div:before,
.add_right > div:before, .add_right_important > div:before
{
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	border-right: solid 10px transparent;
}
.add_left > div:after, .add_left_important > div:after,
.add_right > div:after, .add_right_important > div:after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	border-top: solid 30px transparent;
}/* Add Top */
.add_top, .add_top_important
{
	top: 0;
}
.add_top:before,
.add_top_important:before
{
	bottom: -22px;
	padding-top: 2px;
	-webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.profile:hover .add_top:before,
.profile:hover .add_top_important:before
{
	bottom: -2px;
}
.add_top > div,
.add_top_important > div
{
	bottom: 20px;
}
.add_top > .add_father,
.add_top > .make_child,
.add_top_important > .make_child
{
	left: 20px;
	-webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.add_top > .add_mother,
.add_top > .make_child_left,
.add_top_important > .make_child_left
{
	right: 20px;
	-webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.add_top > div:before,
.add_top_important > div:before
{
	bottom: -20px;
}/* Add Bottom */
.add_bottom, .add_bottom_important
{
	bottom: 0;
}
.add_bottom:before,
.add_bottom_important:before
{
	top: -22px;
	padding-bottom: 2px;
	-webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
}
.profile:hover .add_bottom:before,
.profile:hover .add_bottom_important:before
{
	top: -2px;
}
.add_bottom > div,
.add_bottom_important > div
{
	top: 20px;
}
.add_bottom > .add_child,
.add_bottom > .make_parent,
.add_bottom_important > .add_child,
.add_bottom_important > .make_parent
{
    left: 20px;
	-webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
}
.add_bottom > .add_child_left,
.add_bottom > .make_parent_left,
.add_bottom_important > .add_child_left,
.add_bottom_important > .make_parent_left
{
    right: 20px;
	-webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
}
.add_bottom > div:before,
.add_bottom_important > div:before
{
	top: -20px;
}/* Add Left */
.add_left, .add_left_important
{
	left: 0;
}
.add_left:before,
.add_left_important:before
{
	right: -24px;
	padding-left: 4px;
	-webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.profile:hover .add_left:before,
.profile:hover .add_left_important:before
{
	right: -4px;
}
.add_left > div,
.add_left_important > div
{
	right: 7px;
}
.add_left .add_spouse, .add_left .make_spouse,
.add_left_important .add_spouse, .add_left_important .make_spouse
{
	top: 20px;
	-webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
}
.add_left > div:before,
.add_left_important > div:before
{
	right: -10px;
}/* Add Right */
.add_right, .add_right_important
{
	right: 0;
}
.add_right:before,
.add_right_important:before
{
	left: -24px;
	padding-right: 4px;
	-webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.profile:hover .add_right:before,
.profile:hover .add_right_important:before
{
	left: -4px;
}
.add_right > div,
.add_right_important > div
{
	left: 7px;
}
.add_right .add_sibling
{
	bottom: 20px;
	-webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.add_right .add_spouse, .add_right .make_spouse,
.add_right_important .add_spouse, .add_right_important .make_spouse
{
	top: 20px;
	-webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
}
.add_right > div:before,
.add_right_important > div:before
{
	left: -10px;
}
.add_right > .add_sibling:after
{
	bottom: -30px;
}
.add_left > .add_spouse:after, .add_left > .make_spouse:after,
.add_left_important > .add_spouse:after, .add_left_important > .make_spouse:after,
.add_right > .add_spouse:after, .add_right > .make_spouse:after,
.add_right_important > .add_spouse:after, .add_right_important > .make_spouse:after
{
	bottom: 30px;
}.relation_indicator
{
	position: absolute;
	top: 0;
	right: 0;
	-webkit-border-radius: 0 3px;
	-moz-border-radius: 0 3px;
	border-radius: 0 3px;
	width: 16px;
	height: 16px;
	z-index: 3;
	padding: 2px 4px;
	background-size: 12px 12px;
}

.relation_indicator > *
{
	display: none;
}

.relation_indicator:hover > *,
.toggle_checkbox:checked + .relation_indicator > *
{
	color: black;
	position: absolute;
	display: inline-block;
	border: 2px solid rgb(100, 130, 100);
	font-size: 12px;
	background-color: white;
	padding: 5px;
	margin: 0;
	-webkit-border-radius: 63px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 130;
}

.relation_indicator > *
{
	bottom: 10px;
	right: 0;
    min-width: 150px;
}.contact_missing
{
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-border-radius: 3px 0;
	-moz-border-radius: 3px 0;
	border-radius: 3px 0;
	z-index: 2;
	padding: 2px 4px;
}

.contact_missing:hover
{
	z-index: 3;
}

.contact_missing > div
{
	display: none;
}

.contact_missing:hover > div,
.toggle_checkbox:checked + .contact_missing > div
{
	color: black;
	position: absolute;
	display: inline-block;
	border: 2px solid rgb(100, 130, 100);
	font-size: 12px;
	background-color: white;
	padding: 5px;
	margin: 0;
	-webkit-border-radius: 63px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 130;
	top: 10px;
	left: 10px;
    min-width: 300px;
}

.contact_missing_prompt > .invite-emails
{
	display: table;
	margin-top: 2px;
}

.contact_missing_prompt > .invite-emails > form
{
	display: table-row;
}

.contact_missing_prompt form > span
{
	display: table-cell;
	white-space: nowrap;
	padding: 2px 0;
	vertical-align: middle;
}

.contact_missing_prompt > .invite-emails input
{
	padding: 0;
	margin: 0 10px 0 0;
	height: 30px;
	width: 30px;
	font-size: 18px;
}

.send_again
{
	background-size: 16px 12px;
}

.contact_missing_prompt .status-pending-approval,
.contact_missing_prompt .status-pending-delivery,
.contact_missing_prompt .status-sent,
.status-pending-denied,
.status-pending-confirmation
{
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	padding: 0 5px;
	font-weight: 400;
	margin: 0 5px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.contact_missing_prompt .status-pending-approval,
.contact_missing_prompt .status-pending-confirmation
{
	border-color: #FF6A00;
	color: #FF6A00;
	position: relative;
}

.contact_missing_prompt .status-pending-delivery
{
	border-color: #A18900;
	color: #A18900;
}

.status-pending-denied
{
	border-color: red;
	color: red;
}

.contact_missing_prompt .status-sent
{
	border-color: #1C6A00;
	color: #1C6A00;
}

.contact_missing_prompt .target-email
{
	display: inline-block;
	min-width: 150px;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.contact_missing .error,
.toggle_checkbox:checked + .contact_missing > div > .error + .contact_missing_prompt
{
	display: none;
}

.toggle_checkbox:checked + .contact_missing > div > .error
{
	display: block;
}

.contact_missing form label
{
	display: block;
	margin-top: 10px;
}

.contact_missing .email
{
	width: 100%;
	margin: 5px 0 10px;
}/* Self */
.self
{
	left: 37.5%;
	top: 36.5%;
	width: 25%;
	min-width: 100px;
	height: 27%;
	min-height: 55px;
	color: rgb(0, 0, 0);
	z-index: 100;
}
.self .profile-content
{
	border-color: rgb(100, 130, 100);
	background-color: rgb(200, 240, 200);
	font-size: 12px;
}
.self .info,
.self .edit_button,
.self .relation_indicator,
.self .contact_missing
{
	background-color: rgb(100, 130, 100);
}

.self .relation_indicator,
.self .contact_missing
{
	width: 26px;
	height: 26px;
	background-size: 16px;
	transition: width .2s .1s, height .2s .1s, font-size .2s .1s, background-size .2s .1s;
}

.self:hover .relation_indicator,
.self:hover .contact_missing,
.self .toggle_checkbox:checked + .relation_indicator,
.self .toggle_checkbox:checked + .contact_missing
{
	width: 32px;
	height: 32px;
	background-size: 18px;
}

.contact_missing:before
{
	content: "@";
	color: white;
	font-size: 16px;
	transition: font-size .2s .1s;
}

.self:hover .contact_missing:before,
.self .toggle_checkbox:checked + .contact_missing:before
{
	font-size: 22px;
}

.self .relation_indicator > *
{
	bottom: auto;
	right: auto;
	top: 10px;
	left: 10px;
	min-width: 300px;
}

.relation_details_close,
.contact_missing_close
{
	display: none;
}

.toggle_checkbox:checked + .relation_indicator > * > .relation_details_close,
.toggle_checkbox:checked + .contact_missing > div > .contact_missing_close
{
	display: inline-block;
	margin-top: 10px;
	float: right;
	padding: 4px;
	text-decoration: underline;
	cursor: pointer;
}

.relation_path
{
	padding-bottom: 10px;
	line-height: 16px;
}

.relation_path_status
{
	line-height: 20px;
}

.relation_path_indicator
{
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    width: 20px;
    vertical-align: middle;
}

.relation_path_explain
{
	padding: 2px 0 0 5px;
	color: rgb(110, 110, 110);
}

.self .gender
{
	display: inline;
}
.self strong.name
{
	white-space: normal;
}/* Siblings*/
.sibling
{
	top: 35%;
	height: 15%;
	z-index: 80;
}
.sibling .profile-content
{
	border-color: rgb(160, 170, 160);
	background-color: rgb(220,247,220);
	font-size: 10px;
}
.sibling, .sibling .profile-content a
{
	color: rgb(100, 100, 100);
}
.sibling:hover
{
	top: 34%;
	height: 16%;
}
.sibling:hover .profile-content
{
	background-color: rgb(210,240,210);
}
.sibling .info,
.sibling .edit_button,
.sibling .relation_indicator
{
	background-color: rgb(160, 170, 160);
}/* Spouses */
.spouse
{
	height: 12%;
	bottom: 35%;
	z-index: 40;
}
.spouse .profile-content
{
	border-color: rgb(175,186,175);
	background-color: rgb(220, 247, 220);
	font-size: 10px;
}
.spouse, .spouse .profile-content a
{
	color: rgb(110, 110, 110);
}
.spouse:hover
{
	height: 13%;
}
.spouse:hover .profile-content
{
	background-color: rgb(210, 240, 210);
}
.spouse .info,
.spouse .edit_button,
.spouse .relation_indicator
{
	background-color: rgb(175, 186, 175);
}/* Children & Parents */
.child, .parent
{
	height: 15%;
	z-index: 90;
}
.child .profile-content, .parent .profile-content
{
	border-color: rgb(140, 150, 140);
	background-color: rgb(210, 243, 210);
	font-size: 11px;
}
.child, .parent, .child .profile-content a, .parent .profile-content a
{
	color: rgb(80, 80, 80);
}
.child:hover, .parent:hover
{
	height: 16%;
}
.child
{
	bottom: 17%;
}
.parent
{
	top: 17%;
}
.parent:hover
{
	top: 16%;
}
.profile-group:hover .parent .profile-content,
.profile-group:hover .child .profile-content
{
	background-color: rgb(190, 230, 190);
}
.child .info, .parent .info,
.child .edit_button, .parent .edit_button,
.child .relation_indicator, .parent .relation_indicator
{
	background-color: rgb(140, 150, 140);
}/* Stepparents, Adopted children */
.adoptiveparent, .adoptedchild
{
	height: 13%;
	z-index: 50;
}
.adoptiveparent .profile-content, .adoptedchild .profile-content
{
	border-color: rgb(175,186,175);
	background-color: rgb(220, 247, 220);
	font-size: 10px;
}
.adoptiveparent, .adoptedchild, .adoptiveparent .profile-content a, .adoptedchild .profile-content a
{
	color: rgb(110, 110, 110);
}
.adoptiveparent:hover, .adoptedchild:hover
{
	height: 14%;
}
.adoptiveparent
{
	top: 19%;
}
.adoptiveparent:hover
{
	top: 18%;
}
.adoptedchild
{
	bottom: 17%;
}
.adoptiveparent .info, .adoptedchild .info,
.adoptiveparent .edit_button, .adoptedchild .edit_button,
.adoptedchild .relation_indicator, .adoptiveparent .relation_indicator
{
	background-color: rgb(175, 186, 175);
}/* Grandparents */
.grandparent, .grandchild
{
	width: 13%;
	height: 8%;
	z-index: 70;
}
.grandparent .profile-content, .grandchild .profile-content
{
	border-color: rgb(215, 225, 215);
	background-color: rgb(238, 251, 238);
	font-size: 9px;
}
.grandparent, .grandparent .profile-content a, .grandchild, .grandchild .profile-content a
{
	color: rgb(183,183,183);
}
.grandparent:hover, .grandchild:hover
{
	height: 9%;
}
.grandparent
{
	top: 7%;
}
.grandparent:hover
{
	top: 6%;
}
.profile-group:hover .profile-group .grandparent .profile-content,
.profile-group:hover .profile-group .grandchild .profile-content
{
	border-color: rgb(175,186,175);
	background-color: rgb(220, 247, 220);
}
.profile-group:hover .profile-group .grandparent,
.profile-group:hover .profile-group .grandparent .profile-content a,
.profile-group:hover .profile-group .grandchild,
.profile-group:hover .profile-group .grandchild .profile-content a
{
	color: rgb(110, 110, 110);
}
.grandchild
{
	bottom: 7%;
}
.grandparent .info, .grandchild .info,
.grandparent .edit_button, .grandchild .edit_button,
.grandparent .relation_indicator, .grandchild .relation_indicator
{
	background-color: rgb(215, 225, 215);
}

.profile-group:hover .profile-group .grandparent .info,
.profile-group:hover .profile-group .grandchild .info,
.profile-group:hover .profile-group .grandparent .edit_button,
.profile-group:hover .profile-group .grandchild .edit_button,
.profile-group:hover .profile-group .grandparent .relation_indicator,
.profile-group:hover .profile-group .grandchild .relation_indicator
{
	background-color: rgb(175, 186, 175);
}/* Stepparents, Stepchildren, Godparents, Godchildren */
.stepparent, .godparent, .stepchild, .godchild
{
	height: 12%;
	z-index: 40;
}
.stepparent .profile-content, .godparent .profile-content, .stepchild .profile-content, .godchild .profile-content
{
	border-color: rgb(215, 225, 215);
	background-color: rgb(238, 251, 238);
	font-size: 10px;
}
.stepparent, .godparent, .stepchild, .godchild, .stepparent .profile-content a, .godparent .profile-content a,
.stepchild .profile-content a, .godchild .profile-content a
{
	color: rgb(183, 183, 183);
}
.stepparent:hover, .godparent:hover, .stepchild:hover, .godchild:hover
{
	height: 13%;
}
.stepparent, .godparent
{
	top: 20%;
}
.godparent:hover
{
	top: 19%;
}
.stepparent .info, .godparent .info, .stepchild .info, .godchild .info,
.stepparent .edit_button, .godparent .edit_button, .stepchild .edit_button, .godchild .edit_button,
.stepparent .relation_indicator, .godparent .relation_indicator, .stepchild .relation_indicator, .godchild .relation_indicator
{
	background-color: rgb(215, 225, 215);
}

.stepchild, .godchild
{
	bottom: 17%;
}/* Multiple relationships */
.multi-rel .profile-content,
.profile-group:hover .profile-group .multi-rel .profile-content
{
	border-color: rgb(255, 0, 0);
}
.multi-rel, .multi-rel .profile-content a,
.profile-group:hover .profile-group .multi-rel,
.profile-group:hover .profile-group .multi-rel .profile-content a
{
	color: rgb(255, 0, 0);
}
.multi-rel .info, .multi-rel .edit_button,
.multi-rel .relation_indicator,
.profile-group:hover .profile-group .multi-rel .info,
.profile-group:hover .profile-group .multi-rel .edit_button,
.profile-group:hover .profile-group .multi-rel .relation_indicator
{
	background-color: rgb(255, 0, 0);
}/* Placeholder */
*:target ~ * .profile-placeholder
{
	display: none;
}

body > *:target ~ * .self
{
	display: block;
}

.profile-placeholder .profile-content
{
	border-style: dashed;
	border-color: rgb(200,215,200);
	background-color: rgb(238, 251, 238);
}
.profile-placeholder .profile-content a
{
	color: rgb(200,215,200);
}
.profile-placeholder:hover .profile-content a
{
	color: rgb(100, 130, 100);
}
.profile-placeholder .info,
.profile-placeholder .edit_button,
.profile-placeholder .relation_indicator
{
	background-color: rgb(200, 215, 200);
}.edit_button
{
	top: 1px;
	left: 1px;
	-webkit-border-radius: 3px 0;
    -moz-border-radius: 3px 0;
    border-radius: 3px 0;
    color: white;
    position: absolute;
    z-index: 2;
}
.edit_button a
{
	font-size: 18px;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px 4px;
	transition: padding .2s .1s, font-size .2s .1s;
}
.edit_button a:before
{
	content: "\270E";
}

.profile:hover .edit_button a
{
	padding: 4px 6px;
	font-size: 22px;
}
.edit_button a:focus
{
	font-size: 22px;
}/* Info */
.info
{
	left: 1px;
	color: white;
	position:absolute;
    z-index: 2;
	font-size: 18px;
	bottom: 0;
	-webkit-border-radius: 0 3px;
    -moz-border-radius: 0 3px;
    border-radius: 0 3px;
    padding-bottom: 3px;
    cursor: default;
	transition: font-size .2s .1s;
}
.info:before
{
	content: "\00A0...\00A0";
}
.profile:hover .info
{
	font-size: 22px;
}
ul.menu, ul.embedded-menu
{
	list-style-type: none;
	padding: 2px;
}
ul.embedded-menu
{
	padding-left: 20px;
}
.menu
{
	position:absolute;
	top:10px;
	left:0;
	border: 2px solid rgb(100, 130, 100);
	padding: 3px;
	margin: 0;
    -webkit-border-radius: 63px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size: 11px;
	cursor: default;
	z-index: 130;
	color: black;
	background-color: white;
	visibility: hidden;
	transition: visibility 0s 0s;
}
.info:hover .menu
{
	visibility: visible;
	transition: visibility 0s .1s;
}
.menu li
{
	white-space: nowrap;
	padding: 2px 2px 2px 20px;
	position: relative;
}

.menu li:before
{
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	text-align: center;
	line-height: 18px;
}

.menu li.edit:before
{
	content: "\270E";
	font-size: 17px;
}

.menu li.add:before
{
	content: "+";
	font-size: 15px;
}

.menu li.remove:before
{
	content: "-";
	font-size: 18px;
}

.menu li.delete:before
{
	content: "\2297";
	font-size: 19px;
}

.menu a
{
	color: black;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	padding: 2px 10px;
}
.menu a:hover
{
	text-decoration: underline;
	background-color: #eeeeee;
}
.menu .more-down,
.menu .more-up
{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	min-width: 200px;
	height: 0;
	margin: 0;
	padding: 0;
	display: block;
}
.info:hover .menu .more-up .menu,
.info:hover .menu .more-down .menu
{
	z-index: 140;
	left: 190px;
	visibility: hidden;
	transition: visibility 0s .3s;
}
.more-up .menu
{
	bottom: -22px;
	top: auto;
}
.info:hover .menu li:hover .more-up .menu,
.info:hover .menu li:hover .more-down .menu
{
	visibility: visible;
	transition: visibility 0s 0s;
}