/* SHOUTBOXx */

.shoutform {
	border-collapse: collapse;
}
fieldset.comments {
	width: 100%;
	font-size: 1.2rem;
}

.shoutbox_form_element {
	display: table-cell;
}
div.commentline {
	border: 0.1rem solid rgba(69, 92, 151, 0.15);
	height: 1.5rem;
}
div.commentline_buttons {
	height: 2rem;
	border-top: 0.2rem solid rgba(69, 92, 151, 0.7);
}
div.commentline_cell {
	/*display: table-cell;*/
	display: inline-block;
	/*float: left;*/
}
.commentline_deleted {
    color:rgb(99, 99, 99);
    animation: blinker 1s;
}
.commentline_banned {
    /*border: 0.2rem solid rgba(221, 10, 193, 0.15);*/
	/*outline: 0.2rem solid rgba(221, 10, 193, 0.15);*/
	background-color: rgba(221, 10, 91, 0.25) !important;
    animation: blinker 1s linear 01;
}
div.commentline:hover {
	border-bottom: 0.1rem solid rgba(69, 92, 151, 1);
}
/*div.comment_area {
	display: table;
}*/
div.iblock {
	display: inline-block;
}
input.shoutbox_form_element, textarea.shoutbox_form_element {
	border: 0.1rem solid rgba(69, 92, 151, 0.7);
	/*margin-left: auto;*/
	margin-right: 0.2rem;
	/*float: left;*/
	/*display: table-cell;*/
	color: white;
	background-color:black;
}
.shoutbox_form_element input.kommentoi_button { float:right;}
input.commenttext {
	max-width: 30rem;
}
input.shoutbox_form_element:hover, textarea.shoutbox_form_element:hover {
	border: 0.1rem solid rgba(69, 92, 151, 1);
}
input.kommentoi_button {
	/*float:right;*/
	background-color:black;
	color: white;
	border: 0.1rem solid rgba(69, 92, 151, 0.3);
}
input.kommentoi_button:hover {
	border: 0.1rem solid rgba( 69, 92, 151, 1);
}
p.shoutbox_form_element {
	float: left;
	/*line-height: 1.2rem;*/
	min-width: 8rem;
	margin: 0 0.4rem 0 0.4rem;
	font-weight: bold;
}

.error { color:red; }
.notice { color: orange;}
.kello {
	color: #627ec6;
	margin: 0;
	/*margin-left: 0rem;*/
	padding-right: 0.3rem;
	font-size: 0.7rem;
	vertical-align: top;
	/*display: table-cell;*/
	min-width: 7.4rem;
	float: left;
}
p.kommentti {
	/*display: table-cell;*/
	padding-left: 0.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 60rem;
	line-height: 1.3rem;
}

p.commentdel {
	float: right;
	margin: 0;
	/*width: 7.7rem;*/
}

p.comment {
	/*position: relative;
	float: left;*/
	/*max-width: 80%;*/
	min-width: 32rem;
	/*min-width: 87%;*/
	line-height: 1.3rem;
	margin: 0;
	/*margin-left: 0.5rem;*/
	/*overflow: hidden;*/
	/*height: 1.4rem;*/
	/*background: black;*/
	/*display: table-cell;*/
}

p.comment:hover {
	height: auto;
	/*animation: heightup ease-in;
	animation-duration: 1.0s; 	
	animation-fill-mode: forwards;
	animation-iteration-count: 1;*/
}

p.commentpoints {
	position: relative;
	top: 0.3rem;
	overflow: hidden;
	float: left;
	min-width: 1rem;
	font-size: 0.7rem;
	line-height: inherit;
	margin: 0;
}
p.shoutboxxerror {
	color: red;
	line-height: 1rem;
	margin: 0;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

img.vote {
	float: left;
	/*display: table-cell;*/
	display: block;
	margin: 0 0.2rem;
	/*width: 1.2rem;*/
}

.commentcheckbox {
	height: 1rem;
	width: 1rem;
}

@keyframes blinker {
	10% {color: 0; }
	50% {color: 0.5; }
	90% {color: 1; }
}