/* main response area */
.respond {
	float:left;
	width:100%;
}
.respond textarea{
	font-size:11px;
	font-family:verdana;
	padding:2px;
	border:1px solid #F35806;
	width:560px;
}
.respond form {
	float:left;
	width:100%;
}
.respond .controls {
	margin-top:2px;
	width:100%;
	float:left;
	clear:both;
}
.respond textarea {
	height:76px;
	line-height:15px;
	padding:4px;
}
.reactie .edits {
	float:right;
	font-size:10px;
	margin-top:5px;
}
.respond .buttons {
	float:right;
	width:100px;
}
.respond .buttons input {
	float:right;
}
.respond input.button {
	outline:0;
	background:transparent url(/images/layout/menu_background.png) repeat-x scroll left top;
	border:2px solid #F35806;
	height:24px;
	margin-left:2px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	font-size:10px;
	padding:1px 2px 3px;
	cursor:pointer;
}

.respond input.button:hover {
	background:transparent url(/images/layout/header_gradient.png) repeat-x scroll left top;
	border:2px solid #F35806;
}
.respond .smilies {
	padding-top:2px;
	float:left;
}
.respond .smilies li {
	width:15px;
	height:15px;
	float:left;
	margin-right:10px;
	cursor:pointer;
}
.insertSmiley
{
	cursor:pointer;
}
/* respond on response */
#formQuoteEdit {
	display:none;
	float:left;
	margin-left:0px;
	margin-bottom:2px;
}
#formQuoteEdit.active {
	display:block;
}
/* single respond element */
.reactie {
	float:left;
	clear:both;
	width:100%;
	position:relative;
}
.reactie .content > a > img {
	width:50px;
	height:50px;
	margin-left:10px;
	float:left;
}
.reactie .alt-info,
.reactie .content,
.reactie .responseheader {
	float:left;
	width:100%;
	clear:both;
	font-size:11px;
	line-height:17px;
}
.reactie .responseheader {
	cursor:pointer;
	background-color:#F35806;
	background-image:url(/images/layout/menu_background.png);
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
	padding:3px 0 2px;
}
.reactie .username {
	color:#F35806;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.9px;
	text-transform:uppercase;
	width:300px;
	float:left;
	padding:0 5px;
}
.reactie .timestamp {
	padding:0 5px;
	float:right;
	text-align:right;
	vertical-align:text-bottom;
	width:140px;
	line-height:15px;
	color:#F35806;
}
.reactie .avatar {
	float:left;
	margin-bottom:3px;
	margin-left:5px;
	width:50px;
}
.hidden {
	display:none;
}
.reactie .response {
	margin-left:76px;
	padding:0;
	min-height:54px;
}
.reactie .response .response {
	margin-left:0px;
	padding:0;
}
/* bottom */
.reactie .alt-info {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-size:10px;
	line-height:16px;
	margin-bottom:7px;
	margin-top:2px;
	padding-bottom:2px;
	padding-top:2px;
	text-transform:capitalize;
}
.response .alt-info {
	border-top:none;
	border-bottom:1px solid #CCCCCC;
}
.response .contained-reacties {
	border-bottom:1px solid #EEEEEE;
	padding-bottom:2px;
}
.response .responseheader {
	border-bottom:none;
	padding-bottom:1px;
	margin-bottom:2px;

	
}
.reactie .responseheader a{
 color:#FFFFFF;
}
.reactie .alt-info > div {
	float:left;
	width:auto;
}
.reactie .rate-response > div,
.reactie .buttons > div {
	float:left;
	cursor:pointer;
	width:auto;
	padding-left:10px;
}
/* responses */
.reactie .alt-info .amount-responses {
	padding:0 0 0 5px;
	width:60px;
	font-size:10px;
	height:16px;
}
.reactie .alt-info .amount-responses .number,
.reactie .alt-info .amount-responses .icon { 
	float:left;
}
.reactie .alt-info .amount-responses .icon { 
	margin-right:2px;
}
/* rate */
.reactie .rate-response > div {
	padding-left:0px;
	padding-right: 5px;
	height:16px;
}
/* action buttons */
.reactie .buttons .button a {
	color:#333333;
}
.reactie .buttons > .button.active a, 
.reactie .buttons > .button:hover a {
	color:#F35806;
}
.reactie .alt-info .buttons {
	float:right;
}

.reactie .buttons .label,
.reactie .buttons .icon {
	float:left;
}
.reactie .buttons .label {
	margin-right:2px;
}
.reactie .contained-reacties .reactie {

}
/* shadow around responses */
.reactie .contained-reacties .reactie .border {
	position:absolute;
	left:0;
	top:0;	
}
.reactie .border {
	display:none;
}
.contained-reacties .reactie.first > .border {
	display:block;
}
.contained-reacties .reactie .top-border {
	background:transparent url(/images/shadow-top.png) no-repeat scroll 0 0;
	height:9px;
	left:-9px;
	position:absolute;
	top:-9px;
	width:277px;
}
.contained-reacties .reactie .left-border {
	background:transparent url(/images/shadow-left.png) no-repeat scroll 0 0;
	height:88px;
	left:-10px;
	position:absolute;
	top:0;
	width:10px;
}
.reactie .contained-reacties .reactie { /* background drop on responses */
	background-image: url(/images/response.png);
	background-position:160px top;
	background-repeat:repeat-y;

	
}
.reactie .contained-reacties .reactie.last {
	
}
.reactie .contained-reacties .reactie.first {
	margin-top:5px;
	position:relative;	
}

.reactie .contained-reacties {
	display:block;
	padding-left:20px;
}
.contained-reacties .reactie {
	background-color:#E9E9E9; 
} 
.contained-reacties .contained-reacties .reactie {
	background-color:#D9d9d9; 
}
.contained-reacties .contained-reacties .contained-reacties .reactie {
	background-color:#CACACA; 
}
/* verborgen reacties */
 .reactie.disabled .responseheader {
	background-image:url(/images/layout/submenu_gradient.png);
}
 .reactie.disabled .responseheader a {
	color:#AAAAAA;
}
.reactie.disabled .content
{
	display:none;
}
.reactie.disabled .alt-info {
	border-top:none;
	padding-top:0px;
}
.contained-reacties .reactie.disabled .left-border 
{
	height:23px;
	overflow:hidden;
	background:none;
}
.contained-reacties .reactie.disabled .top-border 
{
	background:none;
}
.reactie.disabled .left-border img {

}
.reactie.disabled .responseheader {
	margin-bottom:0;
}

.reactie.disabled .contained-reacties
{
	display:none;
}
.reactie.disabled .alt-info .amount-responses img{
	opacity:0.5;
}
.reactie.disabled .alt-info .amount-responses {
	color:#AAAAAA;
	right:80px;
	top:2px;
	position:absolute;
}
.reactie.disabled .rate-min,
.reactie.disabled .rate-plus {
	display:none;
}
.reactie.disabled .alt-info .rate-response {
	color:#AAAAAA;
	font-family:Verdana;
	font-size:10px;
	right:134px;
	position:absolute;
	top:3px;
}
.contained-reacties .reactie.disabled .alt-info
{
	margin:0 0 0px;
}
.reactie.disabled .username {
	color:#F35806;
}
.reactie.disabled .alt-info {
	border:0;
	height:0;
	margin:0 0 5px;
	overflow:hidden;
	padding:0;
}