.comments
{
	display: none;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}

.comments p
{
/*	width: 344px;*/
	margin-right: 15px;
	word-wrap: break-word;
}

.comments #commentform
{
	display: none;
	margin-bottom: 25px;
}

.comments .commentsheader
{
	border-top: 1px solid #2F352F;
	border-bottom: 1px solid #2F352F;
	margin-bottom: 10px;
	background: white;
	text-decoration: none;
	height: 25px;
	padding: 5px;
	padding-left: 10px;
	color: #31668c;
	font-size: 20px;
}

.comments .recipewidth
{
	width: 716px;
}

.comments .commentsheader .showhidecommentform
{
	color: #31668c;
	text-decoration: none;
	padding-left: 15px;
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_blue_plus.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.comments .commentsheader .showhidecommentform:hover
{
	color: #F00000;
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_red_plus.gif');
}

.comments .commentsheader .expanded
{
	padding-left: 15px;
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_blue_dash.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.comments .commentsheader .expanded:hover 
{
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_red_dash.gif');
}

.comments .commentsheader .showhidecommentform
{
	padding-left: 15px;
}

.comments .showhidecommentform
{
	width: 20px;
}	

.comments .inputrow label
{
	float: left;
	width: 90px;
	font-size: 12px;
	font-family: arial;
}


.comments .inputrow
{
	clear: both;
	margin-bottom: 10px;
}

.comments .inputrow div
{
	float: left;
}

.comments .inputrow .inputname
{
	width: 90px;
}

.comments .inputrow input
{
	width: 165px;
	border: 1px solid #d8d8d8;
}

.comments .inputrow input.fullwidth
{
	width: 373px;
	border: 1px solid #d8d8d8;
}

.comments .inputrow textarea
{
	width: 373px;
	overflow: auto;
	border: 1px solid #d8d8d8;
}

.comments .submitcomment
{
	clear: both;
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
}

.comments .captchaimg
{
	border: 1px solid #d8d8d8;
}

#captchaerror
{
	color: #F00000;
	margin-bottom: 10px;
	margin-left: 5px;
}

.comments .formreset
{
	margin-right: 10px;
}

.comments .showhiddencomments
{
	display: none;
}

.comments .formerror
{
	color: #f00000;
}

.comments .newcaptcha
{
	position: relative;
	top: -20px;
	left: 10px;
}

.commentlist
{
	margin-top: 30px;
	clear: both;
}

.commentlist h2
{
	font-size: 18px;
	font-family: TINESariMedium, arial;
}

.commentlist .comment
{
	margin-bottom: 10px;
}

.commentlist .comment:hover
{
	background-color: #d0d0d0;
}

.commentlist .comment a
{
	font-size: 13px;
}

.commentlist .commentname
{
	color: #4E7B9B;
}

.commentlist .commentname img
{
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.commentlist .commentdate
{
	margin-left: 2px;
	padding-left: 2px;
	color: #888;
	/*border-left: 1px solid #1b1b1b;*/
}

.commentlist .hiddencomment
{
	display: none;
}

.commentlist .showhiddencomments
{
	color: #31668c;
	font-size:  13px;	
	cursor : pointer;
	margin-top: 10px;
	border-top: 1px solid #b7d1e3;
	line-height: 20px;
}

.commentlist .showhiddencomments:hover
{
	color: #f00000;
}

.commentcheckboxwrapper
{
	margin-bottom: 10px;
    margin-left: 91px;
}

.commentcheckbox
{
	float: left;
	margin-right: 5px;
}

.commentparentcommentwrapper
{
	margin-bottom: 10px;
    margin-left: 91px;
	display: none;
}

.removeparent
{
	margin-left: 5px;
	cursor: pointer;
	text-decoration: underline;
}

.removeparent:hover
{
	color: #F00000;
	text-decoration: none;
}

.commentnamehidden
{
	display: none;
}

.commentlist .indent1
{
	margin-left: 25px;
	padding-left: 5px;
	border-left: 1px solid #1b1b1b;
}

.commentlist .indent2
{
	margin-left: 50px;
	padding-left: 5px;
	border-left: 1px solid #1b1b1b;
}

.commentlist .indent3
{
	margin-left: 75px;
	padding-left: 5px;
	border-left: 1px solid #1b1b1b;
}

.replycommentbutton
{
	/*float: right;*/
	cursor: pointer;
	text-decoration: underline;
}

.replycommentbutton:hover
{
	color: #F00000;
	text-decoration: none;
}

.highlightcomment
{
	background-color: #B7D1E3;
}

.button {
	font-weight: bold;
	background: #9A9A9A;
	text-decoration: none;
	border: 2px outset #AEAEAE;
	padding: 5px;
	color: White;
}
.button:active {
	border: 2px inset #AEAEAE;
}

/** Thumbs up / down **/

.replycomment {
	position: relative;
	top: -4px;
	float: right;
}
.author {
	margin-top: 16px;
	padding-bottom: 5px;
	color: #004972;
	height: 34px;
}
.author .commentdate, .author .commentname {
	font-size: 13px;
}
.thumbs {
   vertical-align: middle;
	display: inline-block;
	width: 26px;
	height: 22px;
	margin-right: 5px;
	background-image: url("http://webfiles.tine.no/TINE.no_v2/images/thumbs.gif");
	cursor: pointer;
}
.thumbsup {
	background-position: 0px 0px;
}
.thumbsup:hover {
	background-position: -54px 0px;
}
.thumbsup.active {
	background-position: -108px 0px;
}
.thumbsdown {
	background-position: -27px 0px;
}
.thumbsdown:hover {
	background-position: -81px 0px;
}
.thumbsdown.active {
	background-position: -135px 0px;
}
.thumbstatus {
    background-image: url("http://webfiles.tine.no/TINE.no_v2/images/thumbstatus.gif");
	background-repeat: no-repeat;
/*  padding-right: 7px;*/
	padding-left: 16px;
}
.author .upvotes {
	margin-left: 5px;
}
.thumbstatus.upvotes {
	background-position: left 0px;
	margin-left: 5px;
/*	color: green;*/
}
.dilemma-socialfooter  .thumbstatus.upvotes, .comment-dilemma-commentlist .thumbstatus.upvotes {
	color: green;
}
.thumbstatus.downvotes {
	background-position: left -14px;
/*	color: red;*/
	margin-left: 7px;
}

.comment .hiddenversion{
	display: none;
}