/* SHOUTBOXx */

.shoutform {
	border-collapse: collapse;
}
fieldset.comments {
	width: 100%;
}
.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);
    box-shadow: 0px 0.2rem 0.3rem 0px rgba(69, 92, 151, 0.7) inset;
}
div.commentline_cell {
	display: inline-block;
    max-width: 52rem;
	vertical-align: top;
}
.commentline_deleted {
    color:rgb(99, 99, 99);
    animation: blinker 1s;
}
.commentline_banned {
	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.form_element, textarea.form_element {
	border: 0.1rem solid rgba(69, 92, 151, 0.7);
	margin-right: 0.2rem;
	color: white;
	background-color:black;
}
.form_element input.kommentoi_button { float:right;}
input.commenttext {
	max-width: 30rem;
}
input.form_element:hover, textarea.form_element:hover {
	border: 0.1rem solid rgba(69, 92, 151, 1);
}
input.kommentoi_button {
	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.form_element {
	float: left;
	min-width: 8rem;
	margin: 0 0.4rem 0 0.4rem;
	font-weight: bold;
}

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

p.commentdel {
	float: right;
	margin: 0;
}

p.comment {
	min-width: 40rem;
	line-height: 1.3rem;
	margin: 0;
}

p.comment:hover {
	height: auto;
}

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: block;
	margin: 0 0.2rem;
}

.commentcheckbox {
	height: 1rem;
	width: 1rem;
}
.smallbutton {
	margin: 0;
	padding: 0;
	line-height: 1.2rem;
}

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