/* Block: FriendList */
.block-friendlist .block-content { padding:5px 10px; }
.block-friendlist .block-title strong { background-image:url(../images/i_block-friendgroup.gif); }
.block-friendlist label { font-weight:bold; color:#666; }
.block-friendlist input.input-text { display:block; width:167px; margin:3px 0; }
.block-friendlist .actions { background:none; padding:0; margin:3px 0 0; text-align:left; }
.block-friendlist .actions button.button { float:none; }
.block-friendlist .actions button.button span { border-color:#406a83; background:#618499; }

/* Block: FriendGroup */
.block-friendgroup .block-content { padding:5px 10px; }
.block-friendgroup .block-title strong { background-image:url(../images/i_block-friendgroup.gif); }
.block-friendgroup label { font-weight:bold; color:#666; }
.block-friendgroup input.input-text { display:block; width:167px; margin:3px 0; }
.block-friendgroup .actions { background:none; padding:0; margin:3px 0 0; text-align:left; }
.block-friendgroup .actions button.button { float:none; }
.block-friendgroup .actions button.button span { border-color:#406a83; background:#618499; }

/* Block: FriendSearch */
.block-friendsearch .block-content { padding:5px 10px; }
.block-friendsearch .block-title strong { background-image:url(../images/i_block-friendgroup.gif); }
.block-friendsearch label { font-weight:bold; color:#666; }
.block-friendsearch input.input-text { display:block; margin:3px 0; }
.block-friendsearch .actions { background:none; padding:0; margin:3px 0 0; text-align:left; }
.block-friendsearch .actions button.button { float:none; }
.block-friendsearch .actions button.button span { border-color:#406a83; background:#618499; }

.block-follower .block-title strong,
.block-friendlist .block-title strong,
.block-friendgroup .block-title strong,
.block-friendsearch .block-title strong{
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 21px;
}

.buttons-panel{background-color: #EF8A32/*#E17C24*/;
    clear: both;
    color: #ffffff;
	position: relative;
}
div.comment-details:hover span.comment-controls{
    display:block;
}

.panel-button-middle {
    float: left;
    border-right: 1px solid #E17C24;
    border-left: 1px solid #FE9A42;
}
.panel-button-left{
    border-radius: 2px 0px 0px 2px;
    float: left;
    border-right: 1px solid #E17C24;

}

.panel-button-left:hover,
.panel-button-right:hover,
.panel-button-middle:hover,
.panel-control:hover
{
 background-color: #E19E32;
    box-shadow: 5px 5px 10px 0 rgba(248, 181, 74, 0.8) inset;
}
.panel-button-right{
    border-radius: 0px 2px 2px 0px;
    float: left;
    border-left: 1px solid #FE9A42;
}
.panel-button-left a, .panel-button-right a, .panel-button-middle a {
    text-decoration: none;
}
.panel-control-right{
    cursor: pointer;
    margin-bottom: 5px;
    position: relative;
    text-align: right;
}

.control-text{
  /*  text-decoration: none;
    color: #ffffff;*/
    display: block;
}
.icon-button-message, .icon-button-invite, .icon-button-invitecommunity {background:url(../images/sprite02.png) no-repeat 0 0 transparent; margin: 0;  position: absolute;  top: 0;  width: auto; z-index: 10; display:block;
																		height: 32px;}
.icon-button-message{
    background-position: -1px center;
    padding-left: 32px;

}
.icon-button-invite{
    background-position: -68px 1px;
    padding-left: 32px;

}
.icon-button-invitecommunity{
    background-position: -39px 1px;
    padding-left: 32px;
  

}
.button-count{z-index: 20; position:relative; display:block; text-align:right; padding-right: 7px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin:0;
    line-height: 32px;
	 color: #000000;
}
#upload-picture {}
#change-status {
    color: #5F5D5C;
    margin: 5px 0 0;
    text-align: center;
}
/* Block Profile Image */

textarea {
    margin: 5px 0;
    overflow: auto;
}
.title-photo {display: block;}
/*#form-album textarea {min-height: 80px; min-width: 418px; max-width: 418px;}
#form-album textarea.photo-description {min-width:200px; max-width:200px;}
#form-album label, #form-album .legend {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}
#form-album .box-head label {font-size: 13px; font-weight: normal; margin: 0 10px 0 0;}
.box-head #album_name {margin-right:10px;} */
.for_select table {margin: 5px 2px; border: 2px solid #EEEEEE; padding: 2px; width: 95%;}
.for_select td {padding: 5px; text-align:left; }
.for_select span.controls a {float:none; margin:0;}
.for_select td.image  { width: 120px;}
#photo-edit img, .for_select img  { border: 1px solid; margin: 5px 0;}
#photo-edit textarea,.for_select textarea  { width: 90%; min-height: 65px; resize: none;}
.for_select .cover-container  { margin: 2px 0;}
.for_select label  {float: left;  display: block; color: #666; font-weight: bold;}
.magesocial-photo-edit label  {float: left;  display: block; color: #666; font-weight: bold;}
.for_select .content input {width: 90%;}
.cover-container input{margin-left: 20px;}


.photo-contaner{ position: relative;
    /*padding: 10px;*/
    border: 1px solid #999999;
    background-color: #ffffff;
    /*margin-bottom: 10px;*/
}
a.status-link {
    text-decoration: none;
    cursor: pointer;
}
a.status-link:hover{
    text-decoration: underline;
    cursor:pointer;
}
.photo-contaner textarea{
    width: 170px; max-width: 170px;
    margin-top: 10px;
}
.top-tip{
    border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    cursor: default;
    display: inline-block;
    color:	transparent;
    border-top-color:	transparent;
    border-right-color:	transparent;
    border-bottom-color:	#FFFFFF;
    margin:0px;
    margin-left:10px;
    z-index: 1000;
}
.drop-content{
    display: none;
}
/* Posts */
.options {
    display: inline-block;
    float:right;
    height: 13px;
    width: 13px;
    background: url(../images/stream.png) transparent no-repeat;
    background-position: -138px -38px;
    margin-right: 16px;
    margin-top: 16px;

}
.options:hover{
    background-position: -153px -38px;
}
.post-header 
{
    z-index: 999;
}
.main-post-header
{
	padding: 1em 1em 0 1em;
}

.sub-post-header
{
	padding: 1em 0 1em 0;
}

.padding_1
{
	padding: 0em 1em;
}

.margintop
{
	margin: 0.85em 0 0 0;
}
	
.post-bottom 
{
    padding: 10px 0 0 0;
    z-index: 999;
}
.post-text 
{
    background-color: #ffffff;
    z-index: 999;
	word-wrap: break-word;
}

.post-text-main
{
	padding: 1em 1em 0 1em;
}
.info{
   color: #696969;
    font-size: 11px;
    line-height: 1;
}

.info-date{ 
     color: #696969;
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-right: 5px;
    margin-top: 5px;
}

.profile-image{
    margin-right: 5px;
	padding-top: 3px;
	width: 3.5em;
}
.post-container .profile-image{
    float:left;
    margin-right: 10px;
	padding-top: 3px;
	width: 3.5em;
}
.comment-viewmorer{
    clear: both;
    cursor: pointer;
    margin: 10px 0;
    overflow: hidden;
    padding-left: 200px;
}
.comment-viewmorer-narrow{
    cursor: pointer;
    margin: 0 0 10px;
    overflow: hidden;
    padding-left: 55px;
}
.comment-block{
    margin: 0;
    padding: 5px 3px;}
.drop-box{
    position: relative;
    top:0;
    background-color: #ffffff;
   /*  box-shadow:rgba(0, 0, 0, 0.2) 0 2px 4px 0; */
    margin:10px 0;
    /*border: 1px solid #bebebe;*/
    /*z-index: 999;*/
    padding: 10px;
}
.droppable{
    text-decoration:underline;
    color: #696969;
    cursor: pointer;
}
.droppable:hover{
    text-decoration:underline;
    color: #999999;
}
.friend-button{
    display:inline-block;
    height: auto;
    width: auto;
    background: -moz-linear-gradient(center top , #e19e32, #E17C24);
    background: -o-linear-gradient(center top , #e19e32, #E17C24);
    background-color: #E17C24;
    border: 1px solid #ed6502;
    border-radius: 0;
    box-shadow: 0 1px 0 #AAAAAA;
    margin: 3px;
    opacity: 1;
    padding: 4px;
    position: relative;
    vertical-align: top;
}
.profile-container{
    overflow: hidden;
    border-radius:0;
    border: 1px solid #cccccc;
    background: -moz-linear-gradient(top, #eeeeee, #ffffff);
    background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    background: -o-linear-gradient(top, #eeeeee, #ffffff);
    box-shadow: 0 1px 0 #AAAAAA;
    padding: 4px;
    margin-bottom: 5px;
    font-weight: bold;
    position: relative;
}
.profile-name a{
    display:inline-block;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    line-height:18px;
    word-wrap: break-word;
    width:68px;
    padding: 4px;
    padding-top: 8px;
}
.profile-container .profile-name a {
    color: #333333;
    float: left;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    max-width: 250px;
    min-width: 120px;
    padding: 0;
}
.friend-controls{
    background-attachment: scroll;
    background-clip:border-box;
    background-origin: padding;
    background-size: auto;
    position: absolute;
    right: 4px;
    top:4px;
    width:75px;
    height: 10px;
    cursor: pointer;
    font-size: 8px; 
}
.delete-friend-button, .remove-friend-button{
    /*background-attachment: scroll;
    background-clip:border-box;
    background-origin: padding;
    background: url(../images/sharebox-3e8fe5857cfa858e4c02cbee00a3e8e3.png) transparent no-repeat;
    background-size: auto;
    position: absolute;*/
    /*right: 4px;
    top:4px;
    width:10px;
    height: 10px;*/
    cursor: pointer;
}
.select-box{
    width: 100px;
    height: 100px;
    background-color: red;
    overflow-y: scroll;
}
/* controls */
span.controls a{
   /* background-color: #618499;
    background-image: -moz-linear-gradient(center top , #618499, #406A83);
    border: 1px solid #406A83;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #AAAAAA;
    opacity: 1;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;*/
	cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    margin: 0 0 5px 10px;
    position: relative;
    vertical-align: top;	
	
}
/*span.controls a:hover{
    box-shadow:	rgba(0, 0, 0, 0.8) 0 1px 2px 0;
}*/

span.point{
    display: inline-block;
    background-color: #D0D0D0;
    border:1px solid #BBBBBB;
    border-radius:3px 3px 3px 3px;
    height: 4px;
    width: 4px;
    margin:2px;
}
a.box-footer{
    border-top:1px solid #d9dde3; margin:10px 0 0 0; text-align:center; cursor: pointer; display:block; text-decoration: none;
}
.base-group {
  /*  background: rgb(132,177,214);
    background: -moz-linear-gradient(top, rgb(132,177,214) 1%, rgb(195,213,226) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(132,177,214)), color-stop(100%,rgb(195,213,226)));
    background: -webkit-linear-gradient(top, rgb(132,177,214) 1%,rgb(195,213,226) 100%);
    background: -o-linear-gradient(top, rgb(132,177,214) 1%,rgb(195,213,226) 100%);
    background: -ms-linear-gradient(top, rgb(132,177,214) 1%,rgb(195,213,226) 100%);
    background: linear-gradient(top, rgb(132,177,214) 1%,rgb(195,213,226) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b1d6', endColorstr='#c3d5e2',GradientType=0 );*/
}
.page-title h1 {line-height: 1.5; color: #000000;}
.magesocial-album-form .page-title h1 {line-height: 1.5; color: #000000;float:left;}
.magesocial-album-form  button.button {float: right;}
.return{
    text-decoration: none;
    color: #000000;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/go-back.png");
    background-position:0 2px;
    background-repeat: no-repeat;
    height: 18px;
    width: 20px;
    display: inline-block;
	float: left;
	vertical-align: text-bottom;
	margin-top: 5px;
}
/* Styles for autocomplete */
.friend-group-option, .product-option, .tag-option{
    background: #406A83;
    color: #ffffff;
    background: linear-gradient(top, rgb(132,177,214) 1%,rgb(195,213,226) 100%);
    border-radius: 3px;
    border: 1px solid  rgb(132,177,214);
    display: inline-block;
}
.delete-option-button, .remove-option-button{
    margin: 4px 4px 0px 4px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../images/sharebox-3e8fe5857cfa858e4c02cbee00a3e8e3.png) transparent no-repeat;
}
.share-box{margin-bottom: 13px;
    border:1px solid #cccccc;display: inline-block;background: #ffffff;
}
#photo-edit .share-box,.magesocial-album-form .share-box { border:1px solid #cccccc; background: #ffffff; clear: both; display: block; width: 91%; }
.share-box input{ border: none;}
.photo-container{
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    height: 265px;
}
#photoimg{
    margin: 10px 0 10px 5px;
}
.album-container .album-photo{
	min-height: 135px;
	float:left;
	width: 135px;
	text-align: center; 
	padding:3px;
	position: relative;
}

.album-photo, .album-cover {margin:10px 5px; /*overflow: hidden;*/ width: 141px; float: left; /*border: 1px solid #999999;*/ padding:0; background-color: #FFFFFF;}
.album-cover {height: 200px; position: relative;}

.album-cover-image
{
	width: 135px;
	height: 135px;
	background-position: center;
	background-size: cover;
	border-radius: 50em;
}

.album-photo-image
{
	width: 130px;
	height: 130px;
	background-position: center;
	background-size: cover;	
}

.album-cover .product-name {/*bottom: 0;*/
    margin-top: 0;
    padding: 0;
    /*position: absolute;*/
    text-align: center;
    width: 141px;
	font-weight: bold;
	font-size: 1.1em;
}
.product-name-animal-name
{
	font-weight: normal;
	font-size: 0.9em;
}
.album-cover .product-name a {color:#5F5D5C; display: block; padding:6px 0 7px; text-decoration: none; background:rgba(238, 238, 238,0.5);}
.album-cover .product-name a:hover {color: #EA7900;}

.album-cover-featured {margin:10px 5px; overflow: hidden; width: 141px; float: left; border: 1px solid #999999; padding:0; background-color: #FFFFFF;}
.album-cover-featured .product-name {margin-top:0; padding: 0; text-align: center;}
.album-cover-featured .product-name a {color:#5F5D5C; display: block; padding:6px 0 7px; text-decoration: none; background:rgba(238, 238, 238,0.5);}
.album-cover-featured .product-name a:hover {color: #EA7900;}


.product-image {display: block; padding: 3px; /* height: 135px; */ text-align:center;}
.photo-view  {min-height: 300px; width: 415px; display: inline-block; float: left; box-shadow:0px 0px 4px #CCCCCC; text-align: center;}
.photo-view  img {padding: 20px 0;}
.control-next{
    width:30px;
    display: inline-block;
    float:left;
  	z-index: 9999;
}
/* Single Photo view     */

.control-next a{text-decoration: none;color: #ed6502;font-size: 36px; font-weight: bold;padding-left: 10px; cursor:pointer;}
.control-next a:hover{text-shadow: 0px 0px 2px #ed6502;}
.high-control-next>.control-next>a{line-height:300px;}
.album-preview-container{float: left; overflow: hidden; padding: 5px;  height: 260px; overflow-x: hidden; overflow-y: auto;}
.album-preview-container{width:406px /*415px*/;height:auto;float: left;background-color: #eeeeee; overflow: hidden; padding: 5px;}
.magesocial-album-form .album-preview-container{float: left; overflow: hidden; padding: 5px; height: 265px; overflow-x: hidden; overflow-y: auto; background: #fbfaf6; width: 100%;}
.album-preview-container-slider div {display: inline-block; float: left; margin: 3px; min-height: 40px;}

.view-all-album{
    height: 60px;
    margin: 10px 0 -1px;
    overflow: hidden;
    position: relative;
    vertical-align: baseline;
    width: 485px;}
.tags-block {background-color: #E9913C;
			border-radius: 0 0 0 0;
			display: block;
			margin: 10px 0;
			padding: 10px 5px;}
.tag-link, .product-link {
    display:inline-block;
    border-radius: 5px;
    box-shadow: 0 0 3px;
    border:1px solid #E17C24;
    margin: 5px;
    background: -moz-linear-gradient(top, #cccccc, #ffffff);
    background: -webkit-linear-gradient(top, #cccccc, #ffffff);
    background: -o-linear-gradient(top, #cccccc, #ffffff);
}
.tag-link a, .product-link a{
    padding: 0px 10px 0px 10px;text-decoration: none;font-weight: bold; color:#333333;
}
.asset-comment{
	margin-bottom: 10px;
    padding: 0px;
}
.comment-img {float: left;}
.profile-image-comment
{
	width: 2.8em;
}
.comment-img a {}
.comment-details {float:right; width: 67%;}
.comment-text {margin: 5px 0;}
.block-comments .comment-text {
    color: #858585;
    font-style: italic;
    margin: 10px 0px;}
.item-container {border-bottom: 1px solid #CCCCCC; padding-bottom:10px; margin-bottom:20px; clear:both; overflow:hidden;}
.block-comments small {
    display: block;
    font-size: 11px;
    margin: 0 2px 5px 0;}

/* COMMUNITIES */
.community-preview{
    border: 1px solid #dddddd;
    border-radius:0;
    padding: 5px;
    margin: 5px;
/*    background: -moz-linear-gradient(top, #eeeeee, #ffffff);
    background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    background: -o-linear-gradient(top, #eeeeee, #ffffff);*/
}

/* PROGRESS BAR ON REGISTER */
.wizard-progress {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    float: left;
    white-space: nowrap;
}

.wizard-progress li {
    float: left;
    margin-right: 50px;
    text-align: center;
    position: relative;
    width: 100px;
}

.wizard-progress .step-num {
    font-size: 14px;
    font-weight: bold;
    border: 3px solid #ed6502;
    border-radius: 50%;
    width: 18px;
    display: inline-block;
    margin-top: 10px;
}

.wizard-progress .step-num:after {
    content: "";
    display: block;
    background: #ed6502;
    height: 5px;
    width: 130px;
    position: absolute;
    bottom: 10px;
    left: 60px;
}

.wizard-progress li:last-of-type .step-num:after {
    display: none;
}

.wizard-progress .active-step .step-num {
    background-color: #e9913c;
}
.magesocial-profile-register .clear{clear:both;}
/* PRFILE EDIT */
.clickable-to-edit {
    border: 1px solid #dddddd;
    border-radius:0;
    padding: 5px;
    margin: 5px;
    background: -moz-linear-gradient(top, #eeeeee, #ffffff);
    background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
    background: -o-linear-gradient(top, #eeeeee, #ffffff);
    cursor: pointer;
}

.clickable-to-edit:hover {
    background: rgb(132,177,214);
}
.magesocial-pop-up{
    float: left;
    max-width: 420px;
}
.magesocial-pop-up input.friend-submit{ display: block;display: block;
border: 1px solid #de5400;
background: #f18200;
padding: 0 8px;
font: bold 12px/19px Arial, Helvetica, sans-serif;
text-align: center;
white-space: nowrap;
color: #fff;
margin: 5px;
margin-top: 25px
}
label.friend-group-popup { padding-right: 2px;padding-left: 5px;  }
.friend-group-container{display: inline-block;float: left;}
.plus-middle{
    color: #E17C24;
    display: inline-block;
    font-weight: bold;
    font-size: 30px;
    margin-top: 25px;
}

.btn,
form#login-form-allanimals > input[type=submit],
form#login-form-allanimals-join > input[type=submit],
form#initos_animal_edit_form input[type=submit]
{
  position: relative;
  display: inline-block;
  padding: 0 1em;
  line-height: 2.5em;
  border: none;
  border-radius: 0.25em;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  background: rgba(206,188,119,1);
  transition: 0.5s;
  cursor:pointer;
  font-weight: normal;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn:hover,
form#login-form-allanimals > input[type=submit]:hover,
form#login-form-allanimals-join > input[type=submit]:hover,
form#initos_animal_edit_form input[type=submit]:hover
{
  background: #c0aa52;
}

.btn-small
{
	font-size: 0.75em;
}

.btn-light {
	background: #ddd;
	border: 1px solid #aaa;
	color: #444;
}

.btn-light:hover {
	background: #fff;
	color: #444;
}

.btn-success {
	background: #63be51;
}

.btn-success:hover {
	background: #7cdc69;
}

.btn-error {
	background: #ca5141;
}

.btn-error:hover {
	background: #e15947;
}

.btn-round {
	border-radius: 50em;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-o-border-radius: 50em;
}

.btn-big,
form#login-form-allanimals-join > input[type=submit]
{
	font-size: 14px;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding-left: 2em;
	padding-right: 2em;
}

.padding_left_20 {
	padding-left: 20px;
}

.album-photo .btn-delete
{
	position: absolute;
	display: none;
	line-height: 1em;
	padding: 0;
	width: 30px;
	height: 30px;
	bottom: -10px;
	left: 50%;
	margin-left: -15px;
}

.album-photo:hover .btn-delete
{
	display: block;
}

.album-preview-container-slider .form-foto {width: 40px; text-align: center;}

.block-comments .block-title , .magesocial-feed-index .block-title, .magesocial-community-list  .block-title, 
.magesocial-friend-list .block-title, .magesocial-community-create  .block-title, 
.magesocial-community-group .block-title, .magesocial-community-view .block-title, 
.magesocial-community-settings .block-title, 
.magesocial-community-album .block-title, 
.magesocial-post-view .block-title, 
.magesocial-friend-search .block-title, 
.magesocial-profile-index .block-title, 
.magesocial-profile-setting .block-title, 
.magesocial-index-index .block-title, 
.tag-product-list .block-title { background:url(../images/bkg_block-title-account.gif) 0 0 repeat-x #ea7a01; border-bottom:1px solid #ddd; padding:2px 9px; }

.block-comments .block-title strong  span, .magesocial-feed-index .block-title strong  span, .magesocial-community-list .block-title strong  span, 
.magesocial-friend-list .block-title strong  span, .magesocial-community-create .block-title strong  span, 
.magesocial-community-group .block-title strong  span, .magesocial-community-view .block-title strong  span, 
.magesocial-community-settings .block-title strong  span, 
.magesocial-community-album  .block-title strong  span, 
.magesocial-post-view .block-title strong  span, 
.magesocial-friend-search .block-title strong  span, 
.magesocial-profile-index .block-title strong  span, 
.magesocial-profile-setting .block-title strong  span, 
.magesocial-index-index .block-title strong  span, 
.tag-product-list .block-title strong  span { display:block; font:bold 13px/16px Arial, Helvetica, sans-serif; min-height:16px;
																						padding:1px 0 1px; text-transform:uppercase; color:#ffffff; }
																						
.block-comments .block-content, .magesocial-feed-index .block-content, .magesocial-community-list .block-content, 
.magesocial-friend-list  .block-content, .magesocial-community-create  .block-content, 
.magesocial-community-group .block-content, .magesocial-community-view .block-content, 
.magesocial-community-settings .block-content, 
.magesocial-community-album .block-content, 
.magesocial-post-view .block-content, 
.magesocial-friend-search .block-content, 
.magesocial-profile-index  .block-content, 
.magesocial-profile-setting .block-content, 
.magesocial-index-index .block-content, 
.tag-product-list .block-content { background:#FBFAF6;  padding: 7px 5px;}

.album-preview-container-slider .form-foto{width: 60px; height: 75px; border: 1px solid; }
.magesocial-album-form .album-preview-container-slider .form-foto{width: 60px; height: 75px; border: 1px solid;  display: table;}
.magesocial-album-form .form-foto a { display: table-cell; vertical-align: middle; }

.album-featured {display: block;overflow: hidden;}
.photo-contaner {display: inline-block; text-align: left; padding: 0.5em;}
textarea.comment-text {width: 168px; max-width: 168px;}
.comment-form .btn {
    display: inline;
    margin-right: 5px;
    padding: 0 5px;}
.start-comment {height: 20px;
    padding: 0 3px;
    width: 167px;}
#album-container-foto {overflow:hidden; margin-bottom: 15px;}
.page-title .controls {
    display: block;
    float: right;
    padding: 0.5em 0;
}
.page-title h1 span {
    display: block;
    float: left;
    line-height: 1;
    width: 65%;}
.album-preview-container-slider {overflow:hidden; z-index: 200; left: 0px; }
.album-preview-container-slider div {float: left; display: inline-block; margin: 5px 3px;}
.boxy-wrapper {/*background:rgba(0,0,0,0.6);*/ width: 95%; max-width: 500px; box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.boxy-inner .title-bar { background: #fff; color: #000; }
.boxy-left, .boxy-right { background: #fff; }
.boxy-inner .title-bar h2, .boxy-inner .title-bar a {color: #000;}

.view-all-album ::-moz-selection { background: transparent;}
.view-all-album ::selection { background: transparent;}


.magesocial-feed-index .post-container {height:auto;}

.post-bottom .buttons-panel {background:none; color: #ffffff; /* height: auto; margin-bottom: 15px; */}
.post-bottom .panel-button-left {}
.post-bottom .panel-button-right {}
.post-text .panel-control {display: inline;
							margin-left: 10px;
							padding: 0;
							width: 24px;}
.post-text .panel-control:hover {box-shadow:none; background:none;}
.post-container .comment-details {width:85%;}
.magesocial-friend-list .page-title .controls {width:auto;}

.create-group .ui-widget-content {height:200px; width:330px; overflow:hidden; margin: 10px 0;}
.create-group label  {display: inline-block;
					margin-bottom: 5px;
					width: 100px;}
.create-group input {min-width:205px;}
.magesocial-community-group .page-title .controls {width: 45%;}
.base-group .product-image {height:auto;}
.community-preview img {float:left; margin-bottom: 10px;}
.community-preview a {float:left; margin-top:15px; display:block;}
.com-description {clear:both; margin:5px 0;}
.page-title.group h1 {font-size:18px;}
.page-title.group .controls {float: right; width:47%;}
.group span.controls a {font-size: 11px; margin: 0 0 5px 5px; padding: 0 0.5em;}

.magesocial-community-album .product-image {min-height: 92px; height:auto;}

.post-container 
{
	position: relative;
}

.pp-main-post
{
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	max-width: 95%;
	margin: 1em auto;
}

.post-container .comment-block 
{
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	padding: 1em;
	/*margin: 5px 0;*/
}

.post-container .post-text {
    /*margin-left: 66px;*/
	/*padding: 0 0 15px 0;*/
}

.magesocial-community-create button.button span, .magesocial-community-view button.button span, 
.magesocial-profile-index button.button span {height: auto; line-height: 2.5em;}

.block-friendsearch .block-title {overflow:hidden;}
.block-friendsearch .block-title span {float:left;}
.block-friendsearch .block-title a{
								color: #FFFFFF;
								display: inline-block;
								float: right;
								font-size: 12px;
								line-height: 16px;
								padding: 1px 0;
								text-decoration: underline !important;
								text-transform: none;}

/***feed***/
.post-text img {
	max-width: 100%;
	max-height: 300px !important;
	}
.magesocial-post-view .panel-control {margin: 5px 0; padding: 0 7px; width:auto;}
 
/***friend***/
.friend-button a {height:auto;} 

/***profiles***/
.magesocial-profile-index .page-title .controls {width: 35%;}
#magesocial_attribute_form li {list-style-type: none;} 
#magesocial_attribute_form .input-box { display: inline-block;
    float: left;
    margin-right: 5px;
    width: auto;} 
#magesocial_attribute_form button.button {margin:0;}
.error.boxy-content {padding:5px;}
#magesocial_attribute_form {min-width: 220px;}
#magesocial_attribute_form label {display: inline-block;
    float: left;
    margin-right: 5px;
    padding-top: 2px;}
#magesocial_username {}
.profile-container .product-image {
    display: inline-block;
    float: left;
    height: 48px;
    padding: 3px;
    text-align: center;
    width: 48px;
}
.profile-container button.button {margin: 12px 5px 0 0;}
 .magesocial-friend-search .friend-button {width: auto;}
.friend-button {/*width: 22%;*/}
.friend-button .profile-name a {padding-top:0;}
.plus-middle {margin-right:5px;}

/******************communities**************/
.community-list {display:block; margin-bottom: 5px; overflow: hidden;}
.community-list .label {display:inline-block; float:left; min-width: 160px;}
.community-list .field {display:inline-block; float:left;}
.photo-contaner-btn {display:block;}
.photo-contaner-btn #photoimg {margin-left:0;}
.page-title .group-title {margin-bottom: 10px; width: 53%;}
.col-right .profile-container {margin: 5px; padding:0px; box-shadow:none;}
.col-right .profile-container .product-image {height:auto;}
.col-right .profile-container .profile-name {display: inline-block; float: left;}
.col-right .profile-container .profile-name a {margin-top: 11px; max-width:auto; min-width:auto;}
.magesocial-community-create .buttons-set {margin-top:1em; border-top:none;}
.magesocial-community-create .fieldset {margin-bottom:0; padding:22px 33px 12px;}
.magesocial-community-create .fieldset textarea {width: 611px; max-width: 611px;}
/******************************************/

/***********ie*********/
@media \0screen {
		.return {margin-top:5px;}
		.album-cover .product-name a {background:rgb(238, 238, 238);}
		.profile-container button.button {margin: 13px 5px 0 0\9;}
		#photoimg {padding:2px;}
				}
:root .return {margin-top:5px\9;}
:root .profile-container button.button {margin: 14px 5px 0 0\9;}
h2 .icon-button-invitecommunity {background:transparent;}
/********************/

/**********ajax loader*****************/
div#spinner
{
    display: none;
    width:100%;
    min-height:100%;
    position: absolute;
    top: 0;
    left:0;
    text-align:center;
    margin-left: 0;
    margin-top: 0;
    z-index:3000;
    overflow: hidden;
}   
div#spinner img {display:inline-block; margin-top:20%; position: fixed;}
/**************************************/



.magesocial-community-settings #description {max-width: 610px; width: 610px;}
.create-group .friend-button {width: auto; min-height: 40px; text-align: center;}


/*.like, .like-liked, .dislike-disliked, .like-active, .dislike-active, .dislike,
.comment-like, .comment-like-liked, .comment-dislike-disliked, .comment-like-active,
.comment-dislike-active, .comment-dislike {width: 100%; height: 20px; background:transparent; display: inline-block; position: absolute; z-index: 20; left: 0;}

.post-bottom .panel-button-left, .comment-controls .panel-button-left {
    border-radius:0px;
    float: left;
  
  background-color: #E17C24;
    border-right: 1px solid #e9913c;
    padding: 0px;
	text-align: center;
    width: 30px;
	cursor:pointer; position: relative;

}
.post-bottom .panel-button-left:hover,
.post-bottom .panel-button-right:hover,
.comment-controls .panel-button-left:hover,
.comment-controls .panel-button-right:hover
{
    background-color: #e19e32;
    box-shadow: inset 0 0 10px #E17C24;
}
.post-bottom .panel-button-right, .comment-controls .panel-button-right {
    border-radius:0px;
    float: left;
   background-color: #E17C24;
    border-left: 1px solid #ed6502;
    padding: 0px;
	text-align: center;
    width: 30px;
	cursor:pointer; position: relative;
}
.post-bottom .panel-button-left a, .post-bottom  .panel-button-right a {
    text-decoration: none;
}
.like-count, .dislike-count {position: relative; z-index: 10;}
*/

.comment-controls {color:#ffffff;}
.post-bottom .panel-button-left, .comment-controls .panel-button-left{
    border-radius:0px;
    float: left;
    /*background: url("../../images/bkg_block-title-account.gif") repeat-x;*/
    /*background-color: #E17C24;
    border-right: 1px solid #e9913c;*/
	color: #000;
    /*padding-left: 5px;*/
	font-size: 11px;
}
.post-bottom .panel-button-left:hover,
.post-bottom .panel-button-right:hover,
.comment-controls .panel-button-left:hover,
.comment-controls .panel-button-right:hover
{
    background-color: #e19e32;
    box-shadow: inset 0 0 10px #E17C24;
}
.post-bottom .panel-button-right, .comment-controls .panel-button-right{
    border-radius: 0px;
    float: left;
    /*background: url("../../images/bkg_block-title-account.gif") repeat-x;*/
    background-color: #E17C24;
    border-left: 1px solid #ed6502;
    padding-right: 5px;
	width: auto;
}
.post-bottom .panel-button-left a, .post-bottom .panel-button-right a, .comment-controls .panel-button-left a, .comment-controls .panel-button-right a {
    text-decoration: none;
}
.like, .like-liked, .dislike-disliked, .like-active, .share-active, .dislike-active, .dislike, .comment-like, .comment-like-liked, .comment-dislike-disliked, .comment-like-active, .comment-dislike-active, .comment-dislike {
    display: inline-block;
    /*height: 0;*/
    /*width: 0;*/
	cursor: pointer;
}
.dislike-active,.comment-dislike-active{}
.like, .like-liked,.comment-like, .comment-like-liked{
     /*border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid #cccccc;
     cursor: pointer;
	 margin-left: 5px;*/
	width: 70px; }
.dislike, .dislike-disliked, .comment-dislike, .comment-dislike-disliked{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #cccccc;
	float: left;
    margin: 4px 5px 0 0;
}
.like-active:hover, .like-liked,.comment-like-active:hover, .comment-like-liked{border-bottom-color:	#FF0000;}
.dislike-active:hover, .dislike-disliked, .comment-dislike-active:hover, .comment-dislike-disliked{border-top-color:	#FF0000;}
.like-active, .comment-like-active{
    /*border-style: dashed dashed solid;
    border-width: 0 10px 10px;
    cursor: pointer;
    color:	transparent;
    border-top-color:	transparent;
    border-right-color:	transparent;
    border-bottom-color:	#FFFFFF;
    margin:0px 0 0 5px;*/
}

.dislike-active, .comment-dislike-active {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
    cursor: pointer;
	float: left;
    margin: 4px 5px 0 0;
}

.form-list .time input.input-text {display: block;width: 74px;float: left; margin-right: 20px;}


.form-list .time label {
font-size: 10px;
font-weight: normal;
color: #888;
}

#advice-required-entry-time_part {margin-left: 100px;}
.profile-view {display: inline;}

.write-message{
    padding: 8px 103px 70px;
    width:auto;
    /*background: #F7F7F7;*/
}

.write-message input { display:block;}

#friend_send {
    width: 100%;
    color: rgb(119, 119, 119);
    height: 25px;    
    outline: 0px;
    border: none;    
}

.friend-option {
    background: #406A83;
    color: #ffffff;
    background: linear-gradient(top, rgb(132,177,214) 1%,rgb(195,213,226) 100%);
    border-radius: 3px;
    border: 1px solid rgb(132,177,214);
    display: inline-block;
    padding: 3px;
    margin: 3px;
}
.friend-name{
    border: 1px solid #999999;
    padding: 10px;
    background: white;
    margin: 10px 0 10px 0;
}
.message_text{
    width: 99%;
    min-height: 150px;
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
    font-size: 1.1em/*{fsDefault}*/;
    resize: none;
}
#send_message{
    float: right;
    margin-top: 10px;
}

.message-info {width: 120px;float: left; padding: 15px 5px 5px 5px; text-align:center;}
.message-info span {display:block;}
.message-item {height: 70px;padding: 5px;border: 1px solid #FDC; margin-top: -1px;}

.message-text {width: 420px;float: left; min-height: 60px;  overflow: hidden;}

.message-list a{color:black;}

.sending-message-text { position: relative;
                        float: left;
                        display: block;
                      }
.sending-message-item .message_text  
{ 
	width: 100%;
	min-height: 50px;
	border: 1px solid #aaa;
	margin: 0;
}

.sending-message-text .button { float: right; }
.message-content {height: 500px; overflow-y: scroll; padding-top: 5px;}
.send-message { float: right;
                clear: both;
                padding: 5px;
                width: 100%;
                text-align: right;
                margin: 5px;}
                
                
ul.image-grid .image-note{display: block; font-family: 'Times New Roman', Times, serif;font-style: italic; font-size: 11px;white-space: nowrap;}
ul.image-grid li{display: inline-block;float: left;padding: 5px;position: relative;}
.box-images .image-container {position:absolute;bottom: 0;}
.box-images  ul {overflow: hidden;}
.box-images{position: relative;}
.block-posts{position: relative;}
a.all-images {position: absolute;top: 0;right: 0;}
a.all-posts {position: absolute;top: 3px;right: 5px;}
.post-author {font-family: 'Times New Roman', Times, serif; font-style: italic; font-size: 11px;}
.post-info {display: block; margin-left: 15px;}
.post-date {display: block; text-align:right; font-family: 'Times New Roman', Times, serif; font-style: italic; font-size: 11px;}
.post-data {display: block;background: #fff;padding: 5px; margin: 10px;}
#status-text {min-width: 450px; min-height: 50px;}
#change-status:hover{cursor:pointer;}
label.tip {width: 290px;display: block;font-size: 10px;}

.album-settings-list .label{float: left;min-width: 130px; display: block;color: #666; font-weight: bold;}
.album-settings-list .album-settings-container{margin: 8px 0 8px 0;}
.album-settings-list textarea {width: 70%; min-height: 80px; resize: none;}
.album-settings-list #album_name {/*height: 20px;*/ width: 70%;}
.magesocial-album-photo .main label{float: left;min-width: 110px; display: block;color: #666; font-weight: bold; margin-top: 10px;}
.magesocial-photo-edit .content{margin-top: 15px;}
.promo-box {border-radius: 10px;background-color: #ff8c00; color: #ffffff; font-weight: bold; padding: 10px;}

.magesocial-friend-list .ui-autocomplete {z-index: 1500;}
.magesocial-community-view .ui-autocomplete {z-index: 1500;}
.block-friendsearch .block-layered-nav {padding: 0}
.block-friendsearch .block-layered-nav .actions {font-size: 11px; padding: 4px 5px 4px 9px; background: #cad6e4; border: 1px solid #dee5e8; border-width: 1px 0; text-align: right; margin: 0;}

#friendgroup-validate-detail .dob-month {display: block;float: left; margin-right: 10px;}
#friendgroup-validate-detail .dob-month .validation-advice {display: none;}
#friendgroup-validate-detail .dob-day {display: block;float: left; margin-right: 10px;}
#friendgroup-validate-detail .dob-day .validation-advice {display: none;}
#friendgroup-validate-detail .dob-year {display: block;float: left; margin-right: 10px;}
#friendgroup-validate-detail .dob-year .validation-advice {display: none;}
#friendgroup-validate-detail .input-dob-month {width: 25px;}
#friendgroup-validate-detail .input-dob-day {width: 25px;}
#friendgroup-validate-detail .input-dob-year {width: 40px;}
#friendgroup-validate-detail .ui-accordion .ui-accordion-content { padding: 1px 15px; border-top: 0; overflow: auto;}
#friendgroup-validate-detail .customer-dob .container { height: 79px;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * */

.post-bottom .panel-button-left
{
	background: rgba(206,188,119,1);
	border: none;
	color: #fff;
	border-radius: 2px;
	float: left;
	margin-right: 0.5em;
	/*width: 70px;*/
}

.post-bottom .panel-button-left:hover
{
	border: none;
}

.commentlike-active
{
	padding: 0.25em 1em;
	color: #fff;
	border: none;
	cursor: pointer;
}

.like-liked, .like-active, .share-active
{
	border: none;
	/*width: 50px;
	height: 22px;*/
	padding: 0.5em 1em;
	color: #fff;
}

.post-bottom .panel-liker
{
	color: #000;
	font-size: 0.9em;
	padding: 0.75em 0.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin: 0.5em 0;
}

.comment-block .comment-form-container
{
	/*padding-right: 1em;*/
}

.smaller
{
	font-size: 0.8em;
	padding: 0.3em 0;
}

.drop-box-wrapper
{
	padding: 0.5em;
}

.drop-content
{
	display: block;
}

.drop-content-tools
{
	display: none;
	background: #eee;
	padding: 0.75em 0.5em 0.15em 0.5em;
	border-bottom: 1px solid #ddd;
}

#share-animal, #comment-share-animal
{
	width: 200px;
}
.comment-controls
{
	position: relative;
}

.comment-controls .panel-button-left
{
	border: none;
	color: rgba(206,188,119,1);
	border-radius: 2px;
	float: none;
	width: 150px;
	position: absolute;
}

.comment-controls .panel-button-left:hover
{
	background: transparent;
	box-shadow: none;
}

.comment-controls .panel-button-left .comment-like-liked,
.comment-controls .panel-button-left .comment-like-active,
.comment-controls .panel-button-left .comment-delete
{
	width: auto;
	padding-right: 0.5em;
	min-height: 25px;
	cursor: pointer;
}

.comment-controls .panel-button-left .comment-like-liked:hover,
.comment-controls .panel-button-left .comment-like-active:hover,
.comment-controls .panel-button-left .comment-delete:hover
{
	color: #444;
}

.comment-like-img-count { position: relative; }
.comment-like-img-count-liker
{
	display: none;
	position: absolute;
	top: -50%;
	left: 22px;
	padding: 0.65em;
	line-height: 1.3em;
	background: rgba(0,0,0,0.8);
	color: #fff;
	max-width: 250px;
	height: auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	z-index: 999;
}

.pp-changecover-choose
{
	float: left;
	text-align: center;
	margin: 3px;
}

.social-animal-feed
{
	padding: 0.5em;
}

.chooseanimal-wrapper,
.chooseanimal-comment-wrapper
{
	background: #fff;
	color: #000;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
	top: 0%;
	left: 5%;
	z-index: 999;
	border-radius: 3px;
	position: absolute;
}

.chooseanimal-element,
.chooseanimal-comment-element
{
	padding: 0.5em 1em;
	border-bottom: 1px solid #ddd;
}

.chooseanimal-element:hover,
.chooseanimal-comment-element:hover
{
	background: rgba(206,188,119,1);
}

.pp_button
{
	background: rgba(206,188,119,1);
	color: #fff;
	padding: 0.5em 1em;
	border: none;
	-webkit-appearance: none;
	border-radius: 0.25em;
	font-size: 1.25em;
	font-weight: 500;
}

.pp_button:hover
{
	cursor: pointer;
	background: rgba(216,198,129,1);
}

.social-animal-feed #activity-grid
{
	padding: 0;
}

.pp_search_animal_friends_row
{
	border-bottom: 1px solid #ddd;
	padding: 1em 0;
}

.animal_list_heading
{
	font-size: 2.2em;
	margin-bottom: 0.15em;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

#edit_cover_image
{
	position: absolute;
	top: 45%;
	right: 20px;
	display: none;
}

.status_text
{
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.pp_profile_btn
{
	background: #fff;
	padding: 0.5em 1em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	transition: 0.5s;
	border-radius: 3px;
	margin: 0 0.2em;
}

.pp_profile_btn:hover
{
	background: #e19e32;
}

.pp_animal_profile_bar
{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background: rgba(206,188,119,1);
	padding: 1.5em;
	color: #fff;
	border-top: 1px solid rgba(106,88,19,1);
}

.pp_animal_profile_bar a, .pp_animal_profile_show_friendrequest
{
	color: #fff;
}

.pp_animal_profile_bar a:hover, .pp_animal_profile_show_friendrequest:hover
{
	color: #444;
}

.animal_profile_bar_icon
{
	vertical-align: middle;
	width: 3em;
}

.pp_animal_profile_bar_content
{
	padding-left: 25em;
}

.pp_animal_profile_emphasized
{
	font-weight: bold;
	font-size: 1.2em;
}

.pp_animal_profile_top
{
	height: 270px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}

.pp_animal_profile_top_blackbar
{
	background: rgba(0,0,0,0.5);
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 70px;
	bottom: 0;
	left: 0;
}

.pp_animal_profile_top_content
{
	position: absolute;
	width: 100%;
	z-index: 4;
	left: 0;
	bottom: 0;
}

.pp_animal_profile_top_content_left
{
	position: absolute;
	left: 20px;
	bottom: 19px;
}

.pp_animal_image_wrapper
{
	padding: 0.5em;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	border: 1px solid rgba(206,188,119,1);
	border-radius: 0.15em;
	width: 160px;
	height: 160px;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.pp_animal_image_wrapper {
		width: 100px;
		height: 100px;
	}
	
	.pp_box {
		margin: 0.5em;
	}

	.animal_join_oben .column.three img {
		width: 100%;
	}

	.animal_join_oben .column.seven.padding_left_20,
	.animal_join_unten .column.six.padding_left_20 {
		padding: 0;
	}

	.message-text {
		width: 100%;
	}

	.chat-heading-mobile {
		text-align: center;
		padding: 1em;
		font-size: 1.2rem;
	}

	.to-chats-mobile {
		margin-bottom: 1em;
		font-size: 1.2rem;
		text-align: center;
	}

	#status-text {
		min-width: 0px;
		width: 100%;
	}

	.message-content {
		height: auto;
		max-height: 500px;
	}

	div.account > div.message-list {
		padding-left: 0;
	}

	.pp_animal_profile_top_content_right {
		padding-left: 50px;
	}
}

.pp_profile_btn_wrapper
{
	position: absolute;
	z-index: 84;
	right: 20px;
	bottom: 13px;
}

.pp_animal_profile_img
{
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
}

.pp_animal_profile_top_content_right
{
	position: absolute;
	bottom: 7px;
	width: 100% !important;
}

.pp_animal_profile_top_info_inner
{
	position: absolute;
	left: 0;
	bottom: 15%;
	width: 100% !important;
}

.pp_animal_profile_trenner
{
	margin: 0 1em;
	height: 100%;
	width: 1px;
	background: #333;
}

.myanimal-controls-mobile
{
	padding: 1em;
}

.myanimal-controls-mobile .btn
{
	margin: 0.5em;
}

.pp_box
{
	background: #fff;
	border: 1px solid rgba(206,188,119,1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 0.15em;
}

.pp_box_top
{
	/*background: rgba(249,246,238,1);*/
	background: #e9e3ce;
	border-top-left-radius: 0.15em;
	border-top-right-radius: 0.15em;
	padding: 1em;
	font-weight: bold;
}

.pp_box_content
{
	padding: 0.5em;
}

.line-height
{
	line-height: 1.5em;
}

.pp_box_element
{
	padding: 1em;
	border-bottom: 1px solid #eee;
}

.pp_box_content .last
{
	border: none;
}

.pp_friend_box
{
	border-radius: 0.15em;
	background: rgba(249,246,238,1);
	padding: 1em;
	border: 1px solid rgba(206,188,119,1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	margin: 0.5em 0;
	text-align: center;
}

.pp_friend_box span
{
	font-size: 1.2em;
}

.pp_friend_box .btn
{
	margin: 5px 0;
}

.socialAnimalSidebarWrapper
{
	padding: 0.25em;
}

.socialAnimalSidebarWrapper_single .socialAnimalSidebar
{
	background-position: center;
	background-size: cover;
	height: 10em;
}

.socialAnimalSidebarWrapper .socialAnimalSidebar
{
	background-position: center;
	background-size: contain;
	height: 6em;
}

.pp_social_subpost
{
	border: 1px solid #ddd;
	padding: 1em;
	margin: 1em;
}

.pp_message_item
{
	padding: 0.5em;
	border-bottom: 1px solid #ddd;
	margin: 1px 0;
}

.pp_message_time
{
	padding: 5px;
}

.pp_dialog_wrapper
{
	padding: 1em;
	border-bottom: 1px solid #ddd;
}

.pp_friend_button
{
	border-radius: 0.15em;
	background: rgba(249,246,238,1);
	color: #444;
	border: 1px solid rgba(206,188,119,1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	width: 100%;
}

.pp_friend_button a
{
	color: #444;
}

.pp_friends
{
	padding: 1em 0em;
}

.pp_light
{
	color: #888;
}

.pp_light_2
{
	color: #666;
}

.pp_post_album_cover
{
	width: 12.5em;
	padding: 0.5em;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.empty_feed
{
	width: 90%;
	margin: auto;
	padding: 3em 1em;
	text-align: center;
	border: 3px dotted #ddd;
	border-radius: 0.5em;
}

.empty_feed a
{
	text-decoration: underline;
}

.pp_interest_image
{
	width: 5em;
	padding: 0.25em;
	border: 1px solid #ddd;
}

.pp_interest_wrapper
{
	position: relative;
	float: left;
	margin: 2px;
}

.pp_interest_panel, .pp_allanimals_animal_details
{
	position: absolute;
	top: -50%;
	left: 95%;
	width: 450px;
	height: auto;
	z-index: 999;
	display: none;
	background: rgba(249,246,238,1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	border: 1px solid rgba(206,188,119,1);
}

.pp_animal_profile_show_friendrequest
{
	cursor: pointer;
}

.pp_animal_profile_bar_friendrequest_wrapper
{
	position: absolute;
	top: -50%;
	left: 50%;
	width: 250px;
	height: auto;
	z-index: 999;
	display: none;
	background: rgba(249,246,238,1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	border: 1px solid rgba(206,188,119,1);
	color: #444;
}

.pp_animal_profile_friend
{
	border: 1px solid #ddd;
	margin: 0.5em;
}

.animal_profile_friend_image
{
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
	border-right: 1px solid #ddd;
}

.pp_animal_profile_friend_content
{
	padding: 1em;
}

#magesocial_menupopup
{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 200px;
	height: auto;
	background: rgba(249,246,238,1);
	border: 1px solid rgba(0,0,0,0.25); /*rgba(206,188,119,1);*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	color: #444;
	z-index: 999;
	display: none;
	box-shadow: 0 3px 7px rgba(0,0,0,0.2);
}

#magesocial_menupopup .magesocial_menupopup_element
{
	padding: 0.5em 1em;
	transition: 0.2s;
}

#magesocial_menupopup .magesocial_menupopup_headingelement
{
	padding: 0.5em 1em;
	font-weight: bold;
}

#magesocial_menupopup .magesocial_menupopup_element:hover,
#magesocial_menupopup .magesocial_menupopup_headingelement:hover
{
	background: rgba(206,188,119,0.4);
	color: #444;
}

.magesocial_menupopup_trenner
{
	margin: 0.5em auto;
	width: 95%;
	border-top: 1px solid rgba(0,0,0,0.25); /*rgba(206,188,119,1);*/
	height: 1px;
	background: transparent;
}

.pp_change_profile_img
{
	background: rgba(0,0,0,0.8);
	color: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.75em;
	text-align: center;
	display: none;
}

.pp_change_profile_img:hover
{
	background: rgba(50,50,50,0.8);
	cursor: pointer;
}

#share-text, #share_post
{
	border: none;
	box-shadow: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0.5em 0 0 0;
	resize: none;
}

#post-form .fileUpload
{
	overflow: hidden;
	width: 30px;
	height: 30px;
	padding: 5px;
}

.post-photo-input-file
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.info-container a, .asset-comment a, .post-text a, .share_form_original a
{
	color: rgba(206,188,119,1);
}

.info-container a:hover, .asset-comment a:hover
{
	color: #444;
}

.subpost-container
{
	/*padding: 1em;*/
	border-top: 1px solid #ddd;
}

.pp_dialog_text
{
	width: 100%;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.dialoglist_new_message, .unread
{
	background: rgba(199,195,174,0.4);
}

.pp_friendsearch
{
	padding: 1em;
}
	
.like-count, .share-count
{
	color: #000;
}
.panel-button-like-info, .panel-button-share-info
{
	float: left;
	width: auto;
	padding: 0 0.5em;
}	

.like-img, .share-img
{
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 0.25em;
}

.share_form_wrapper
{
	display: none;
}

.close_share_form, #share_form_submit
{
	float: right;
	cursor: pointer;
}

.close_share_form:hover, #share_form_submit:hover
{
	color: #777;
}

.share_form_original
{
	padding-top: 1em;
	word-wrap: break-word;
}

.share_body
{
	height: auto;
}

.who_could_also_like_this_product
{
	padding: 1em 0;
}

#share-type-friends
{
	display: none;
}

.comment_show_all_wrapper
{
	display: none;
}

.comment_show_all_toggle
{
	padding: 0.5em;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
}

.comment_show_all_toggle:hover
{
	color: #dda132;
}

.allanimals_animal
{
	width: 60px;
	height: 60px;
	margin: 2px;
	float: left;
	position: relative;
}

.friendscolumn
{
	padding: 0.5em;
}

.delete_activity
{
	position: absolute;
	top: 5%;
	right: 3%;
	cursor: pointer;
	width: 18px;
	height: 18px;
}

#placeholderCommunity
{
	width: 795px;
	height: 500px;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
}

#joinCommunityBtn
{
	font-size: 24px;
	width: 250px;
	position: absolute;
	left: 50%;
	bottom: 15%;
	margin-left: -125px;
}

.pp_messagetext_name
{
	font-weight: bold;
	padding: 0.3em 0;
}

.pp_message_participant
{
	width: 40px;
	height: 60px;
	background-position: middle;
	background-size: cover;
	float: left;
	margin-right: 1px;
}

@media all and (max-width: 975px) {
	.pp_message_participant
	{
		width: 25px;
		height: 50px;
	}
}

.pp_message_time
{
	font-weight: normal;
	color: #888;
}

.pp_message_box
{
	padding: 0.75em;
}

.post-text > p
{
	margin-left: 0;
}

.message_text_inner
{
	line-height: 1.5em;
	text-align: justify;
	margin-top: 5px;
}

.ppDialogImage
{
	width: 60%;
}

.activeDialog
{
	background: #ccbe76;
	color: #fff;
}

.pp_message_read_status
{
	float: right;
	font-size: 0.8em;
	font-weight: normal;
	color: #888;
	line-height: 1.5em;
}

.commenterThumb, .changeToCommenter, .couldAlsoLikeThumb, .notificationAnimal
{
	width: 40px;
	height: 40px;
	background-position: center;
	background-size: cover;
	position: relative;
	cursor: pointer;
}

.animalSearchGridImage
{
	width: 60px;
	height: 60px;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

.animalSearchListImage
{
	width: 7em;
	height: 7em;
	max-width: 100%;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

.changeToCommenter
{
	border-radius: 50em;
}

.couldAlsoLikeThumb
{
	border-radius: 50em;
	float: left;
	margin: 2px;
}

.editCommenter
{
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 16px;
	height: 16px;
	background-image: url(../images/edit_small.png);
	background-size: 16px 32px;
	background-position: 0 0;
}

.editCommenter:hover
{
	background-position: 0px 16px;
	cursor: pointer;
}

.changeToCommenterWrapper
{
	float: left;
	text-align: center;
	margin: 2px;
	padding: 0.1em;
	font-size: 0.75em;
	width: 40px;
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.allCommenters
{
	display: none;
}

.btn-animalprofile-like
{	
  	text-transform: none;
	float: right;
}

.btn-animalprofile-warenkorb
{
	float: left;
}

#showNotifications
{
	cursor: pointer;
	position: relative;
	color: #58585A;
}

#showNotifications:hover, 
#notificationsWrapper:hover #showNotifications,
.community_navbar li:hover #showNotifications
{
	color: #fff;
}

#notificationsContainer
{
	position: relative;
}

#notificationsWrapper
{
	display: none;
	position: absolute;
	width: 250px;
	height: 350px;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	border: 1px solid #ccc;
	z-index: 999;
}

.notification
{
	padding: 1em;
	border-bottom: 1px solid #ddd;
	position: relative;
}

#notificationsHeader
{
	padding: 0em 1em;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	width: 100%;
}

#notificationsContent
{
	height: 320px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#notificationsFooter
{
	padding: 5px 1em;
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	width: 100%;
	border-top: 1px solid #ddd;
	color: #444;
}

.notificationUnread, .notification:hover
{
	background: #e2e0d8;
}

.lastNotification
{
	border: none;
}

.notificationAnimal, .notificationText
{
	float: left;
}

.notificationText
{
	padding: 0 0.5em;
	width: auto;
	max-width: 160px;
	line-height: 1em;
	color: #444;
}

.notificationDate
{
	font-size: 0.77em;
	color: #888;
}

.v2_animal_imagewrapper
{
	width: 100px;
	height: 100px;
	background-position: center;
	background-size: cover;
	margin: auto;
}

.socialanimal_menu
{
	float: left;
}

.socialanimals_menu_animal
{
	width: 40px;
	height: 40px;
	background-position: center top;
	background-size: cover;
	border-radius: 50em;
	margin: 3px 0;
}

.nav-bar > li.communityicon
{
	height: 25px;
	padding: 2px 5px 0 5px;
	position: relative;
	float: right;
}

.communityIconImage
{
	width: 23px;
	height: 23px;
	background-position: 0px 0px;
}

.communityIconImage:hover
{
	background-position: 0px -24px;
}

#v2_nav.ten > ul.nav-bar > li.communityicon
{
	padding-top: 4px;
}

#v2_nav.ten > ul.nav-bar > li > #notificationsContainer > #notificationsWrapper > #notificationsContent > a,
#v2_nav.ten > ul.nav-bar > li > #notificationsContainer > #notificationsWrapper > #notificationsFooter > a
{
	padding: 0;
	background: transparent;
	margin: 0;
	height: 25px;
	color: #333;
}

#v2_nav.ten > ul.nav-bar > li > #notificationsContainer > #notificationsWrapper > #notificationsContent > a:hover,
#v2_nav.ten > ul.nav-bar > li > #notificationsContainer > #notificationsWrapper > #notificationsFooter > a:hover
{
	padding: 0;
	background: transparent;
	margin: 0;
	height: 25px;
	color: transparent;
	background-position: 0px 0px;
}

.communityiconMessage
{
	background: #d91d1d;
	color: #fff;
	border-radius: 7px;
	position: absolute;
	top: -1px;
	right: -10px;
	font-size: 0.7em;
	height: auto;
	max-height: 20px;
	line-height: 0.7em;
	padding: 3px 4px 4px 4px;
	z-index: 99;
	font-weight: bold;
}

.communityiconMessageMobile
{
	background: #d91d1d;
	color: #fff;
	border-radius: 7px;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0 1em;
}

.pp_box_image
{
	float: left;
	width: 53px;
	height: 53px;
	background-position: center top;
	background-size: cover;
	margin: 0 2px 2px 0;
}

.pp_messages_online
{
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #62dc00;
	margin-top: 5px;
}

.pp_messages_offline
{
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: transparent;
	border: 2px solid #aaa;
	margin-top: 5px;
}

.newEventWrapper
{
	text-align: right;
	padding: 1em 0;
}

.eventWrapper
{
	border: 1px solid #ddd;
	margin-bottom: 1em;
}

.eventImageWrapper, .eventInfoWrapper
{
	padding: 0.5em;
}

.eventImage
{
	width: 100%;
	padding-bottom: 100%;
	background-position: center top;
	background-size: cover;
}

.eventInfoDate
{
	color: #888;
	font-size: 0.9em;
}

.eventInfoName
{
	font-weight: bold;
	font-size: 1.3em;
}

.eventInfoCreatedBy
{
	font-size: 0.8em;
}

.viewEventImage
{
	width: 100%;
	height: 270px;
	background-position: center;
	background-size: cover;
	position: relative;
}

.viewEventImageEdit
{
	width: 100%;
	height: 200px;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-bottom: 10px;
}

.viewEventImageText
{
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 24px;
	padding: 0.5em 1em;
	top: 65%;
	text-align: center;
}

.viewEventOptions
{
	padding: 0.5em;
}

.viewEventInfosBox
{
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 1em;
	margin-bottom: 1em;
	line-height: 1.75em;
}

.viewEventInfosBoxHeading
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	color: #888;
	margin-bottom: 0.25em;
}

.padding
{
	padding: 0.5em;
}

.trenner
{
	padding: 0.4em 0;
}

.guestbox
{
	text-align: center;
}

.guestboxNumber
{
	font-size: 2em;
	color: #888;
	margin-bottom: -20px;
}

.participant
{
	float: left;
	width: 50px;
	height: 50px;
	background-position: center top;
	background-size: cover;
	margin: 0 2px 2px 0;
}

.eventCommentText
{
	margin: 0.75em 0;
	font-size: 14px;
}

.socialbtn
{
	-webkit-appearance: none;
	border-radius: 2px;
	color: #666;
	font-weight: 500;
	font-size: 12px;
	border: 1px solid #bbb;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background: #fff;
	padding: 0.35em 0.75em;
}

.socialbtn:hover
{
	cursor: pointer;
	background: #eee;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.rightalign
{
	text-align: right;
}

.closeChooseAnimal, .closeInviteFriends
{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5%;
	right: 1%;
	cursor: pointer;
}

.eventCommentReply
{
	margin: 0.5em 0;
}

#fbfreunde
{
	background: #465c9d;
	color: #fff;
}

.characterWrapper
{
	margin: 0.5em 0;
}

.characterbarTotal
{
	position: relative;
	width: 100%;
	height: 15px;
	background: rgba(205,192,120,0.3);
	border-radius: 3px;
}

.characterbarValue
{
	position: absolute;
	height: 15px;
	background: rgba(205,192,120,1);
	top: 0;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	padding: 2px 5px;
	font-weight: bold;
}

.pos0
{
	left: 0%;
	text-align: left;
}

.pos50
{
	left: 46%;
	text-align: right;
}

.pos46
{
	left: 46%;
	text-align: center;
}

.bar50
{
	width: 54%;
}

.bar33
{
	width: 37.5%;
}

.pos33
{
	left: 33.5%;
	text-align: left;
}

.bar16
{
	width: 20.5%;
}

.pos16
{
	left: 16.5%;
	text-align: left;
}

.bar8
{
	width: 8%;
}

.characterLow
{
	float: left;
	font-size: 11px;
}

.characterHigh
{
	float: right;
	font-size: 11px;
}

.characterName
{
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
}

.visitorAnimalsContainer
{
	width: 50px;
	height: 80px;
	text-align: center;
	float: left;
	margin: 0 0.75em;
}

.visitorAnimalWrapper
{
	position: relative;
	height: 55px;
}

.visitorMoreAnimals
{
	width: 50px;
	height: 50px;
	border-radius: 50em;
	background-size: cover;
	background-position: center top;
}

.visitorAnimal
{
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 99;
	border: 2px solid #f2f2f2;
}

.visitorAnimalWrapper #moreMiddle
{
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 98;
	border: 2px solid #f2f2f2;
}

.visitorAnimalWrapper #moreBack
{
	position: absolute;
	top: 0px;
	left: 6px;
	z-index: 97;
	border: 2px solid #f2f2f2;
}

.visitorAnimal
{
	width: 50px;
	height: 50px;
	border-radius: 50em;
	background-size: cover;
	background-position: center top;
}

.visitorAnimalName
{
	margin: 5px 0;
}

.lastvisited
{
	position: relative;
}

.minimaxi
{
	width: 18px;
	height: 18px;
	background-position: 0 0;
	position: absolute;
	right: 2%;
	top: 30%;
	cursor: pointer;
}

.minimaxiactive
{
	background-position: 0 -18px;
	top: 8%;
}

.no-scroll
{
	overflow: hidden;
}

.initial-hide
{
	display: none;
}

.animal_popup_container
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	z-index: 999;
	overflow-y: scroll;
}

.animal_popup_table
{
	width: 100%;
	height: 100%;
	display: table;
}

.animal_popup_table_cell
{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	float: none;
	min-height: 100%;
	height: auto;
}

.animal_popup
{
	width: 95%;
	max-width: 800px;
	height: auto;
	max-height: 95%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.4);
	margin: auto;
}

.animal-heading
{
	font-size: 2em;
	text-transform: uppercase;
}

.animal_popup_header, .animal_popup_content
{
	padding: 1em;
}

.animal_popup_header
{
	background: #f0f0f0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 1.5em;
}

.animal_popup_close
{
	float: right;
	cursor: pointer;
}

.animal_join_oben
{
	padding-bottom: 20px;
}

.animal_join_unten
{
	padding-top: 20px;
	border-top: 1px solid #e0e0e0;
}

.animal_join_unten ul
{
	padding: 0.5em 1em;
}

.animal_privacy_ul li
{
	list-style: none;
}

.eventCommentReplies
{
	margin-top: 0.5em;
}

.commentlike-count
{
	color: #444;
}

.pp-strong
{
	font-weight: bold;
}

.pp-characteristics-table
{
	display: table; 
	border-bottom: 1px solid #ddd; 
	padding: 5px 0;
	margin: 0 0 20px 0; 
	width: 100%;
}

.pp-characteristics-table-cell
{
	display: table-cell;
}

.pp-characteristics-table-cell-left
{
	width: 35%;
}

.pp-characteristics-table-cell-right
{
	width: 25%; 
	text-align: right;
}

.pp_add_new_photos_container
{
	text-align: center;
	padding: 1em;
	margin: 1em 0;
	border: 1px solid #ddd;
}

.pp_add_new_photos_container label
{
	font-size: 0.9em;
	font-weight: normal;
}

#pp_add_new_photos
{
	margin: 0;
}

.community_navbar
{
	padding: 0;
	margin: 0;
	background: rgba(238, 235, 214, 1);
	color: #222;
	height: 35px;
	border-bottom: 1px solid rgb(207, 189, 121);
}

.community_navbar li
{
	padding: 0.4em 1em 0.5em 1em;
	float: left;
	list-style: none;
	font-size: 14px;
	height: 34px;
}

.community_navbar li a, .community_navbar li span
{
	position: relative;
}

.community_active_link, .community_navbar li:hover
{
	background: url('../images/bg_communitynav.png');
	color: #fff;
}

#bepartofthecommunity
{
	background: rgba(238, 235, 214, 1);
	border-bottom: 1px solid rgb(207, 189, 121);
	text-align: center;
	font-size: 1.1rem;
	padding: 10px 0;
}

.toggle_community_navbar_mobile
{
	height: 44px;
	background: rgba(238, 235, 214, 1);
	border-bottom: 1px solid rgb(207, 189, 121);
}

.toggle_community_navbar_mobile span
{
	position: absolute;
	right: 10px;
	top: 13px;
	font-size: 1.3rem;
}

.toggle_community_navbar_mobile_icon
{
	width: 30px;
	height: 44px;
	margin: 0 15px;
	padding-top: 14px;
}

.toggle_community_navbar_mobile_icon div
{
	background: #333;
	width: 90%;
	height: 3px;
	border-radius: 50em;
}

.toggle_community_navbar_mobile_icon div.middle
{
	margin: 3px 0;
}

.community_navbar_mobile
{
	padding: 0;
	margin: 0;
	background: rgba(238, 235, 214, 1);
	color: #222;
	height: auto;
	display: none;
	border-bottom: 1px solid rgb(207, 189, 121);
}

.community_navbar_mobile li
{
	padding: 1em;
	text-align: center;
	font-size: 1.3rem;
	list-style: none;
}

div.sidebar_socialanimal.row
{
	width: 100%;
	padding: 0.5em;
}

div.sidebar_socialanimal.row:hover,
div.sidebar_socialanimal.row.active:hover
{
	background: #ddd;
}

div.sidebar_socialanimal.row.active
{
	background: #e9e3ce;
}

.sidebar_socialanimal_img_wrapper
{
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50em;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-o-border-radius: 50em;
	background-size: cover;
	background-position: center;
}

.sidebar_socialanimal_img_wrapper > div
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
}

.sidebar_socialanimal_name
{
	text-align: left;
	padding: 0.5em 1em;
	height: 55px;
	display: table;
	width: 100%;
}

.sidebar_socialanimal_name span
{
	font-size: 14px;
	line-height: 1.2em;
	display: table-cell;
	word-wrap: break-word;
	word-break: break-all;
	-ms-word-break: break-all;
	vertical-align: middle;
	width: 100%;
}

.community_editanimals
{
	margin: 1em 0 1em 25px;
	line-height: 1.5em;
}

.summary_animalfan_img
{
	width: 30px;
	height: 30px;
	background-position: center;
	background-size: cover;
	border-radius: 50em;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-o-border-radius: 50em;
	float: right;
	margin-right: 4px;
}

.summary_animalfan_wrapper
{
	text-align: right;
}

.summary_animalfan_wrapper span
{
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
}

.event-my-participators-img
{
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    border-radius: 50em;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -o-border-radius: 50em;
    margin-left: 10px;
    float: left;
}

.row.allanimals_guest_wrapper
{
	margin: 1em 0;
}

.column-center
{
	text-align: center;
	padding: 2em 0;
}

.animal-searchform-heading
{
	font-size: 22px;
	font-style: italic;
	font-family: Droid Serif;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 14px;
}

.eventInfoWrapper .eventbtn
{
	margin: 0;
}

.animal-fans-tabs-content
{
	margin-bottom: 0px !important;
}

.animal-fans-more
{
	width: 100%;
}

.animal-fans-more div
{
    margin: -12px auto 0 auto;
    padding: 2px;
    text-align: center;
    background: #F9F6EF;
    border: 1px solid #E7DEB5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    color: #58585A;
    cursor: pointer;
    max-width: 100px;
}

.animal-fans-more div:hover
{
    color: #736B4D;
}

.more_animal_fans
{
	margin-top: 0px !important;
}

.message-new .btn
{
	margin: 0.5em 0 0.5em 0.5em;
}

.comment-text-info
{
	display: none;
}

div.leftNav.sidebar-invitefriends
{
	margin-top: 40px;
}

div.leftNav.sidebar-invitefriends span
{
	line-height: 1.5em;
}

form.replyToCommentForm
{
	margin-bottom: 0;
}

div.delete_comment
{
	position: absolute;
	width: 18px;
	height: 18px;
	right: 20px;
	cursor: pointer;
	z-index: 80;
}

span.delete_comment
{
	cursor: pointer;
	color: rgba(206,188,119,1);
	font-size: 0.85em;
}

span.delete_comment:hover
{
	color: #333;
}