/* COMMENT FORM AND LAYOUTS CSS
** Global, edit it visely
** Copyright (c) 2014, Inda-Labs Zrt.
*/

.avatar-content {
	float: left;
	width: 65px;
	height: 62px;
}

.clear {
	clear: both;
}

.clear-right {
	clear: right;
}

div.commentText {
	margin-bottom: 12px;
}

/* default balra rendezett avatar layout */

.avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-yellow-vertical.gif) no-repeat 0 0;
	float: left;
	width: 60px;
	height: 58px;
	margin-top: 0;
	padding: 0px;
}

.avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-yellow-vertical.gif) no-repeat left bottom;
	width: 58px;
	height: 56px;
	float: left;
	padding-left: 4px;
	margin-top: 4px;
}

.avatar-content img.the-avatar {
	float: none;
	border: 1px solid white;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

/* balra rendezett */

.balra-rendezett.avatar-content {
	margin: 0 3px 0 0;
} 


/* miniavatar layout */

.comment-container.miniavatar {
	height: 26px;
	position: relative;
}

.miniavatar .avatar-outer-border {
	width: 22px;
	height: 26px;
	padding: 0 0 0 2px;
	margin: 0;
}

.miniavatar .avatar-inner-border {
	float: none;
	margin-top: 0;
	width: 20px;
	height: 20px;
	padding: 3px 2px 3px 0;
	position: relative;
	left: 1px;
}

.miniavatar img.the-avatar {
	float: none;
	margin: 0;
	padding: 0;
	border: 0 none;
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.miniavatar .user-heading {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	left: 32px;
}

/* mikroavatar layout */

.comment-container.mikroavatar {
	height: 26px;
	position: relative;
}

.mikroavatar .avatar-outer-border {
	background: none transparent;
	float: left;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 3px 0 0;
}

.mikroavatar .avatar-inner-border {
	float: left;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
}

.mikroavatar img.the-avatar {
	float: left;
	margin: 0;
	padding: 0;
	border: 0 none;
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.mikroavatar .user-heading {
	position: absolute;
	bottom: 0;
	left: 26px;
}

/* jobbra rendezett */

.comment-container.jobbra-rendezett {
	min-height: 86px;
} 

.jobbra-rendezett .avatar-content {
	float: right;
	height: 86px;
	width: 65px;
	margin: 0 5px 0 10px;
} 

/* */

/* sarga */

.color-yellow .avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-yellow-vertical.gif) no-repeat 0 0;
}
.color-yellow .avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-yellow-vertical.gif) no-repeat left bottom;
}

/* kek */

.color-blue .avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-blue-vertical.gif) no-repeat 0 0;
}
.color-blue .avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-blue-vertical.gif) no-repeat left bottom;
}

/* szurke */

.color-grey .avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-grey-vertical.gif) no-repeat 0 0;
}
.color-grey .avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-grey-vertical.gif) no-repeat left bottom;
}

/* miniavatar sarga */

.color-yellow .miniavatar .avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-yellow-small.gif) no-repeat 0 0;
}
.color-yellow .miniavatar .avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-yellow-small.gif) no-repeat right top;
}

/* miniavatar kek */

.color-blue .miniavatar .avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-blue-small.gif) no-repeat 0 0;
}
.color-blue .miniavatar .avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-blue-small.gif) no-repeat right top;
}

/* miniavatar szurke */

.color-grey .miniavatar .avatar-outer-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-grey-small.gif) no-repeat 0 0;
}
.color-grey .miniavatar .avatar-inner-border {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-grey-small.gif) no-repeat right top;
}

/* */

/* lekerekiett - balra es jobbra rendezett */

.style-circle .balra-rendezett .avatar-outer-border,
.style-circle .balra-rendezett .avatar-inner-border,
.style-circle .jobbra-rendezett .avatar-outer-border,
.style-circle .jobbra-rendezett .avatar-inner-border {
	background: none;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
}

.style-circle .avatar-mask {
    background: none repeat scroll 0 0 #fdf3b2;
    box-shadow: 0 0 2px #b2ad89;
	display: block;
	width: 50px;
	height: 50px;
	padding: 3px;
	border-radius: 100px;
}

.style-circle .avatar-mask .the-avatar {
	border-radius: 100px;
	border: 0 none;
	vertical-align: middle;
}

.style-circle.color-yellow .avatar-mask {
    background: none repeat scroll 0 0 #fdf3b2;
    box-shadow: 0 0 2px #b2ad89;
}

.style-circle.color-blue .avatar-mask {
    background: none repeat scroll 0 0 #ebf3fc;
    box-shadow: 0 0 2px #98A7B7;
}

.style-circle.color-grey .avatar-mask {
    background: none repeat scroll 0 0 #ededec;
    box-shadow: 0 0 2px #999;
}


/* lekerekitett - miniavatar */

.style-circle .miniavatar .avatar-outer-border,
.style-circle .miniavatar .avatar-inner-border,
.style-circle .mikroavatar .avatar-outer-border,
.style-circle .mikroavatar .avatar-inner-border {
	background: none;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
}

.style-circle .mikroavatar .avatar-mask {
	width: 20px;
	height: 20px;
	padding: 0;
	box-shadow: none;
	margin: 4px 0 0;
}

.style-circle .miniavatar .avatar-mask {
	width: 20px;
	height: 20px;
	padding: 2px;
	margin: 4px 0 0;
}

/* comments */

div.editComment {
	float: right;
	text-align: right;
	margin-right: 15px;
}

.replyComment {
	float: right;
}

.replyComment a {
	position: relative;
	cursor: pointer;
	padding-right: 15px;
	text-decoration: underline;
}

	.replyComment a:hover {
		text-decoration: none;
	}

	.replyComment:before {
		background: url(/assets/frontend/img/genie/icon-reply.png) no-repeat 0 0;
		float: left;
		content: "";
		margin: 2px 6px 0 0;
		text-decoration: none;
		width: 13px;
		height: 10px;
	}

.moderate-comment {
	display: inline;
	margin: 0 0 0 5px;
}

.errormessage {
	color: #aa0000;
	font-weight: bold;
}

.input.message {
	font-weight: bold;
	color: #00aa00;
}

.title-user {
	padding-top: 9px;
}

.avatar-mask-small {
	display: inline;
}

.avatar-outer-border-small {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-blue-small.gif) no-repeat 0 0;
	width: 20px;
	height: 26px;
	float: left;
	padding: 0 0 0 3px;
	margin: 0;
}

.avatar-inner-border-small {
	background: url(/assets/frontend/img/genie/avatar/bg-avatar-blue-small.gif) no-repeat right top;
	width: 20px;
	height: 20px;
	padding: 3px 3px 3px 0;
	margin: 0;
}

.user-info-fields img.the-avatar-small {
	float: none;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	border: 0 none;
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.follow-on-radar {
	margin-top: 10px;
}

.follow-on-radar > span {
	font-size: 10px;
}

.comments_feed_link .rss-img {
	border: 0 none;
}

.info-inner {
	padding: 5px 0 0 30px;
}

.comment-disclaimer {
	font-size: 8px;
	text-align: justify;
}