@font-face {
  font-family: "Fertigo_PRO";
  src: local('Fertigo_PRO'), url(/fonts/Fertigo_PRO.otf) format("opentype");
}

* {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

a {
	text-decoration: none;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #e8e8e8 url(https://innertree-assets.s3.amazonaws.com/background.png) no-repeat -315px 65px;
    font-weight: 200;
}

.wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/* @group System */

/* @group Announcement */

#announcement {
	background-color: #E9E07C;
}

#announcement .format {
	padding: 5px;
	text-align: center;
    text-shadow: white 1px 1px 2px;
	color: black;	
}

#announcement .announcement_heading {
	font: 24px Fertigo_PRO;
}

#announcement .format p {
	font-size: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#announcement .hide_this {
	display: inline;
	position: absolute;
}

#announcement .hide_this a {
	color: black;
	padding: 3px 5px;
	font-size: 12px;
}

#announcement .hide_this a:hover {
	background-color: #E87DA1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color: white;
    text-shadow: black 1px 1px 2px;

}

/* @end */

.google_ad {
	width: 250px;
}

#system_message_error {
	background-color: #E87DA1;
}

#system_message_notice {
	background-color: #C3E085;
}

#system_message_notice .format {
	padding: 5px;
	text-align: center;
    text-shadow: #000 1px 1px 2px;
	color: #FFF;
	font-size: 16px;
}

#system_message_error .format {
	padding: 5px;
	text-align: center;
    text-shadow: #000 1px 1px 2px;
	color: #FFF;
	font-size: 16px;
}

.clear {
	width: 100%;
	clear: both;
}

#content {
	
}

#content_area {
	background-color: #fff;
	padding: 5px;
	text-align: justify;
	height: 100%;
	margin-bottom: 40px;
}

.heading {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 100;
}

.defaultText { 
	width: 300px;
}

.defaultTextActive { 
    font-weight: 100;
}

/* @end */

/* @group Admin */

.admin_left {
	width: 590px;
	float: left;
}

table {
	
}

tbody {
	
}

tr {
}

td {
	padding: 3px;
}

th {
	padding: 3px;
}

tr.admin_heading {
	background-color: #8579E0;
	color: white;
}



/* @end */

/* @group Content */

#header {
	background-color: #8579E0;
	color: #fff;
	padding-top: 5px;
	height: 40px;
	max-height: 40px;
}

#header #right_menu {
	float: right;
}

#header #logo {
	display: inline;
	padding-left: 5px;
}

#header #logo a {
	color: #fff;
	font: 100 36px Fertigo_PRO;
}

#header #nav {
	float: right;
	margin-top: 15px;
}

#header #nav a {
	color: #fff;
	text-decoration: none;
	padding: 3px 5px;
}

#header #nav a:hover {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color: #AE9EEA;
}

#family_menu {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	padding: 5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color: #AE9EEA;
	cursor: pointer;
	text-align: center;
	width: inherit;
}

#family_menu a {
	color: white;
}

#family_list {
	display: none;
	position: absolute;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color: #AE9EEA;
	padding: 5px;
	margin-left: -5px;
	margin-top: 1px;
}

#family_list ul {
}

#family_list li {
	list-style-type: none;
	text-align: left;
	text-transform: capitalize;
}

#family_list li a {
}

#family_list li a:hover {
	color: black;
}

.right {
	width: 285px;
	float: right;
}

.left {
	width: 590px;
	float: left;
}

.profile_right {
	width: 590px;
	float: right;
}

.profile_left {
	width: 285px;
	float: left;
}

.rightphoto {
	width: 225px;
	float: right;
}

.leftphoto {
	width: 650px;
	float: left;
}



/* @end */

/* @group Footer */

#footer {
	background-color: #8579E0;
	position: fixed;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 5px;
}

#footer a {
	color: #fff;
}



/* @end */

/* @group Family */

#family_heading {
	width: 100%;
	text-align: center;
	text-transform: capitalize;
    text-shadow: white 1px 1px 2px;
	margin-bottom: 10px;
	margin-top: 5px;
	font: 100 36px Fertigo_PRO;
}

#new_quickchat {
	margin-bottom: 10px;
}

#chats {
	
}

.chat {
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 10px;
}

.chat .profile_image {
	float: left;
	width: 70px;
	padding-top: 3px;
}

.chat .profile_image img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.chat .profile_image img:hover {
	border: 2px solid #8579E0;
	padding: 4px;
}

.chat .chat_body {
	float: right;
	width: 510px;
	margin-left: 10px;
}

.chat .chat_content {
	font-size: 12px;
	padding-left: 5px;
}

.chat .chat_content p {
	font-size: 12px;
}

.chat .chat_user {
	padding-top: 3px;
	padding-bottom: 3px;
}

.chat .chat_user a {
	color: black;
	padding: 3px 5px;
	border-width:0px;
	cursor:pointer;
}

.chat .chat_user a:hover {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;	
}

.chat .delete_chat {
	float: right;
}

.chat .delete_chat a {
	color: #E87DA1;
}

.chat .delete_chat a:hover {
	color: white;
	padding: 3px 5px;
	background-color: #E87DA1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
}

.side_content {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
}

.side_content .little_photos {
	
}

.little_photos img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.little_photos img:hover {
	border: 2px solid #8579E0;
	padding: 4px;	
}

.little_photos a.photos {
	display: inline-block;
	color: black;
	padding: 3px 5px;
	border-width:0px;
	cursor:pointer;
}

.little_photos a.photos:hover {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;	
}

.heading .photos {
	font-size: 20px;	
}

.side_content .family_member {
	display: inline-block;
	float: left;
}

.side_content a.family_member {
	color: black;
	padding: 3px 5px;
	border-width:0px;
	cursor:pointer;	
}

.side_content a.family_member:hover {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;	
}

.side_content .pending {
	margin-bottom: 5px;
}

.pending .controls {
	float: right;
}

.pending .member_allow {
	color: white;
	padding: 3px 5px;
	background-color: #D7EAAE;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
}

.pending .member_allow:hover {
	color: white;
	padding: 3px 5px;
	background-color: #C3E085;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
}

.pending .member_deny {
	color: white;
	padding: 3px 5px;
	background-color: #F0A8C0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
}

.pending .member_deny:hover {
	color: white;
	padding: 3px 5px;
	background-color: #E87DA1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
}

#family_photos {
	
}

#family_photos img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 5px 5px 0;
	display: inline-block;
	float: left;
}

#family_photos img:hover {
	border: 1px solid #8579E0;	
}

#new_photo.new_photo {
	
}

#photo_photo {
	margin-bottom: 5px;
	margin-top: 5px;
}



/* @end */

/* @group Family Photo */

#photo {
	
}

#photo img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.rightphoto .description {
	font-size: 12px;
}

.rightphoto p {
	margin-bottom: 5px;
	font-size: 12px;
}

#photo_heading {
	width: 100%;
	text-align: left;
	text-transform: capitalize;
    font-weight: 100;
	font-size: 24px;
    text-shadow: white 1px 1px 2px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
}

#photo_heading a.photo_heading_link {
	font-size: 22px;
	color: black;
	padding: 3px 5px;
	border-width:0px;
	cursor:pointer;
	text-transform: capitalize;
	margin-left: -5px;
	margin-right: -5px;
}

#photo_heading a.photo_heading_link:hover {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
    text-shadow: none;
}

#comment_container {
	margin-top: 5px;
}

#comment_container .chat .chat_body {
	float: right;
	width: 567px;
	margin-left: 10px;
}



/* @end */

/* @group Profile */

#profile_photo {
	
}

#profile_photo img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.side_content .edit_profile {
	display: inline-block;
	float: left;
}

.side_content a.edit_profile {
	color: black;
	padding: 3px 5px;
	border-width:0px;
	cursor:pointer;
	text-align: center;
	text-transform: capitalize;
    font-weight: 100;
	font-size: 22px;
    text-shadow: white 1px 1px 2px;
}

.side_content a.edit_profile:hover {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;
    text-shadow: none;
}

.profile_photos {
	margin-top: 5px;
}

.profile_photos p {
	margin-left: 5px;
}

.profile_photos img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;	
}

.profile_photos img:hover {
	border: 1px solid #8579E0;
}

.profile_photos a.photos {
	display: inline-block;
	color: black;
	padding: 3px 5px;
	border-width:0px;
	cursor:pointer;
}

.profile_photos a.photos:hover {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:0px;
	cursor:pointer;	
}

.profile_right a.families {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size: 16px;
	border-width:0px;
	cursor:pointer;
	display: inline-block;
	text-transform: capitalize;
}

.profile_right a.families:hover {
	color: black;
	background-color: #AE9EEA;	
}

.profile_right a.families:active {
	color: white;
	background-color: #E87DA1;
}

/* @end */

/* @group Sign Up */

#signup {
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}

#signup fieldset {
	border-style: none;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

#signup fieldset dl {
	
}

#signup fieldset dl dt {
	float: left;
	margin-right: 10px;
	width: 100px;
	text-align: right;
}

#signup fieldset dl dt label {
	font-size: 22px;
    font-weight: 100;
}

#signup fieldset dl dd {
}

#signup .controls {
	text-align: center;
}



/* @end */

/* @group Activate */

#activate {
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}

#activate fieldset {
	border-style: none;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

#activate fieldset dl {
	
}

#activate fieldset dl dt {
	float: left;
	margin-right: 10px;
	width: 200px;
	text-align: right;
}

#activate fieldset dl dt label {
	font-size: 22px;
    font-weight: 100;
}

#activate fieldset dl dd {
}

#activate .controls {
	text-align: center;
}



/* @end */

/* @group Inputs */

.textfield {
	padding: 4px;
	color: #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #AE9EEA;
	font-size: 16px;
	margin-bottom: 5px;
	width: 275px;	
}

.textfield_email {
	padding: 4px;
	color: #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #AE9EEA;
	font-size: 16px;
	margin-bottom: 5px;
	width: 350px;
}

.textfield_activate {
	padding: 4px;
	color: #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #AE9EEA;
	font-size: 16px;
	margin-bottom: 5px;
	width: 250px;
}

.textarea_chat {
	padding: 4px;
	color: #000;
	text-shadow: none;
	height: 50px;
	width: 98%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #AE9EEA;
	font-size: 16px;
	margin-bottom: 5px;
}

.textarea_comment {
	padding: 4px;
	color: #000;
	text-shadow: none;
	height: 50px;
	width: 98%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #AE9EEA;
	font-size: 16px;
	margin-bottom: 5px;
}

.textarea {
	padding: 4px;
	color: #000;
	text-shadow: none;
	height: 50px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #AE9EEA;
	font-size: 16px;
	margin-bottom: 5px;
	width: 275px;
}

.button {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size: 16px;
	border-width:0px;
	cursor:pointer;	
}

.button:hover {
	background-color: #AE9EEA;	
}

.button:active {
	background-color: #E87DA1;
}

.signup_button {
	color: white;
	padding: 3px 5px;
	background-color: #8579E0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size: 24px;
	border-width:0px;
	cursor:pointer;
}

.signup_button:hover {
	background-color: #AE9EEA;	
}

.signup_button:active {
	background-color: #E87DA1;
}



/* @end */

/* @group Photo */

.photo_box {
	width: 100%;
	margin-bottom: 10px;
}

.photo_box img {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.photo_box img:hover {
	border: 1px solid #8579E0;	
}



/* @end */

/* @group Home */

#family-home {
	padding-bottom: 5px;
}

.family-box {
	display: inline-block;
	margin: 5px;
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	width: auto;
	float: left;
}

.family-box ul {
	width: auto;
}

.family-box li {
	list-style-type: none;
	margin-bottom: 5px;
	padding: 2px;
	height: 38px;
	font-size: 20px;
}

.family-box li .name {
	display: inline-block;
	font-size: 18px;
	margin-left: 5px;
	margin-right: 5px;
}

.family-box li img {
	border: 1px solid #e8e8e8;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 3px;
	margin: 0;
}

.family-box .name {
	display: block;
}

.family-box .name a {
	font: 30px Fertigo_PRO;
	text-transform: capitalize;
	color: black;
}

.family-box .name a:hover {
	color: #8579E0;
}



/* @end */