/* main styles */
/*
	dark text: #444444
	dark border: #cccccc
	dark background: #eeeeee
	light background: #ffffff
	medium background: #f7f7f7
	light text: #aaaaaa
	colored text: #3a5a7a
*/

.comments {
	/*width: 503px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 20px;
	}
	
.commentsanswer {
    width: 100%;
}

.comments #commentsheader {
	border-bottom: none;
	margin-bottom: 2px;
	}

.comments #commentspreferences {
	float: right;
	padding: 10px 0 10px 10px;
	margin: 0 0 3px 0;
	}

.comments #commentspreferences p {
	margin: 0;
	}

.comments #commentspreferences form {
	margin: 0;
	padding: 0;
	display: inline;
	}

.comments h3 {
	display: block;
	margin: 3px 0;
	font-size: 12px;
	font-weight: bold;
	padding: 13px 8px 8px 40px !important;
	background-image: url(http://gfx.dagbladet.no/kommentarer/comments-icon.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	}

.comments .navigation_button .button {
    border-color: #8ba3ba;
}
	
.comments p {
	font-family: Verdana ,Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: black;
	}

.comments h4 {
	margin: 3px 0;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;	
	}

.comments #commentsfooter, #commentsnavigator {
	margin: 3px 0;
	padding: 10px 0;	
	}

#commentsnavigator {
	padding: 10px 5px;
	margin-top: 2px;
	}

.comments .commentheader h5.new {
	background-image: url();
	background-position: 3px center;
	}

.comments .comment {
	padding: 0;
	margin: 3px 0;
	border: none;
	background-color: #ffffff;
	line-height: 1.3;
	clear: both;
	}

.comments .comment .commentheader {
	padding: 5px;
	margin: 0;
	}	

.comments .comment .commentheader h5 {
	font-size: 16px;
	margin: 0;
	}

.comments a.button {
	border: 1px solid #d3dee8;
	background-color: white;
	padding: 2px 4px;
	margin: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	background-image: url(http://gfx.dagbladet.no/kommentarer/button-gradient.gif);
	background-repeat: repeat-x;
	}
	

.comments a.button:hover {
	border-color: #888;
	}

.comments #commentsheader .button {
	margin-top: 10px;
	float: right;
	}

.comments .comment .commentbody {
	padding: 5px;
	}

.comments .comment .commentbody p {
	font-size: 12px;
	padding: 0;
	}
	
.comments .commentheader h5 {
	padding-left: 22px;
	}
	
.comments .new .commentheader h5 {
	background-image: url(http://gfx.dagbladet.no/kommentarer/icon-new.gif);
	background-repeat: no-repeat;
	background-position: 22px center;
	padding-left: 45px;
	}
	
.comments .starred .commentheader h5 {
	background-image: url(http://gfx.dagbladet.no/kommentarer/icon-starred.gif);
	background-repeat: no-repeat;
	background-position: 22px center;
	padding-left: 40px;
	}
	
.comments .destarred .commentheader h5 {
	background-image: url(http://gfx.dagbladet.no/kommentarer/red-star.gif);
	background-repeat: no-repeat;
	background-position: 22px center;
	padding-left: 40px;
	}
	
.comments .new .commentbody {
	
	}

.comments .commentheader h5 a {
	text-decoration: none;
	color: #3A5A7A;
	}
	
.comments .comment .commentheader p {
	margin: 3px 0 3px 22px;
	}

.comments .comment .commenttools {
	margin-bottom: 15px;
	}
	


.comments .level1 {margin-left: 0;}
.comments .level2 {margin-left: 30px;}
.comments .level3 {margin-left: 60px;}
.comments .level4 {margin-left: 90px;}
.comments .level5 {margin-left: 120px;}
.comments .level6 {margin-left: 150px;}
.comments .level7 {margin-left: 180px;}
.comments .level8 {margin-left: 180px;}
.comments .level9 {margin-left: 180px;}
.comments .level10 {margin-left: 180px;}
.comments .level11 {margin-left: 180px;}
.comments .level12 {margin-left: 180px;}
.comments .level13 {margin-left: 180px;}
.comments .level14 {margin-left: 180px;}
.comments .level15 {margin-left: 180px;}

form .errormessage {
	/*padding: 3px;*/
	padding-left: 25px;
	/*border: 1px solid red;*/
	/*background-color: #ffe7e6;*/
	background-image: url(http://gfx.dagbladet.no/fareskilt16x16.gif);
	background-position:  2px center;
	background-repeat: no-repeat;
	/*margin: 5px 0;*/
	margin-top: 10px;
	margin-bottom: 3px;
	font-weight: bold;
	color: red;
	float: right;
	padding-right: 5px;
	}
	
form .ipmessage2 {
	/*padding: 3px;*/
	padding-left: 25px;

	/*border: 1px solid red;*/
	/*background-color: #ffe7e6;*/
	background-image: url(http://gfx.dagbladet.no/fareskilt16x16.gif);
	background-position:  2px center;
	background-repeat: no-repeat;
	/*margin: 5px 0;*/
	margin-top: 10px;
	margin-bottom: 3px;
	font-weight: bold;
	color: red;
	float: right;
	}	

a.expand, a.collapse {
	float: left;
	height: 14px;
	width: 14px;
	border: 1px solid #ddd;
	background-color: white;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	background-repeat: repeat-x;
	}
	
a.expand {
	background-image: url(http://gfx.dagbladet.no/kommentarer/expand.gif);
	}

a.collapse {
	background-image: url(http://gfx.dagbladet.no/kommentarer/collapse.gif);
	}

a.expand:hover, a.collapse:hover {
	border-color: #888;
	}


.morecomments {
	background-color: #f7f7f7;
	padding: 5px; 
	margin: 5px 0;
	}

.morecomments h5 {
	font-size: 12px;
	margin: 0;
	padding-left: 22px;
	color: #aaaaaa !important;
	}

.morecomments h5 a {
	text-decoration: none;
	color: #aaaaaa !important;
	}
	
.morecomments .commentheader h5 a {
    text-decoration: none;
	color: #aaaaaa !important;
}

.others {
	background-image: url(http://gfx.dagbladet.no/kommentarer/others.gif);
	height: 30px;
	padding: 8px;
	padding-left: 40px;
	background-repeat: no-repeat;
	font-size: 12px;
	}	

.startpass .account img {
    margin: 0;
    margin-right: 5px;
    width: 45px;
    height: 60px;
    float: left;
}
	
/* points */

.comments .commentheader .points {
	float: right;
	text-align: center;
	font-size: 10px;
	padding: 2px;
	font-weight: bold;
	color: #444444;
	border: 1px solid #d0dce8;
	background-image: url(http://gfx.dagbladet.no/kommentarer/blue2-gradient.gif);
	background-repeat: repeat-x;
	height: 35px;
	margin-top: -1px;
	}

.comments .commentheader .points img {
	margin-bottom: 5px;
	}


.comments .commentheader .points span.commentpoints {
	font-size: 16px;
	display: block;
	}

a.pointclicker, a.pointclicker-faded {
	float: right;
	/* margin-right: 30px; */
	font-size: 10px;
	border: 1px solid #d0dce8;
	background-color: white;
	padding: 2px 5px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 22px;
	margin-right: 1px;
	height: 15px;
	margin-top: -1px;
	}

a.pointclicker {
	background-image: url(http://gfx.dagbladet.no/kommentarer/icon-anbefal2.gif);
	color: #444444;
	}

a.pointclicker:hover {
	background-image: url(http://gfx.dagbladet.no/kommentarer/icon-anbefal-hover2.gif);
	border: 1px solid #3a5a7a;
	}

a.pointclicker-faded {
	background-image: url(http://gfx.dagbladet.no/kommentarer/icon-anbefal-faded2.gif);
	color: #ddd !important;
	}

a.pointclicker-faded:hover {
	border: 1px solid #ddd;
	cursor: default;
	}

	
/* dropdown */

.commenttools ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}

.commenttools li { /* all list items */
	float: left;
	position: relative;
	border: 1px solid #ddd;
	background-color: white;
	padding: 2px 4px;
	margin: 3px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	background-image: url(http://gfx.dagbladet.no/kommentarer/button-gradient.gif);
	background-repeat: repeat-x;
	}

.commenttools li.dropdown {
	background-image: url(http://gfx.dagbladet.no/kommentarer/dropdown.gif);
	background-position: top right;
	padding-right: 20px;
	}

.commenttools li a {
	text-decoration: none;
	}

.commenttools li ul { /* second-level lists */
	display: none;
	width: 4em;
	background-color: white;
	border: 1px solid #ddd;
	position: absolute;
	top: 1.5em;
	left: 0;
	padding: 0;
	}

.commenttools li ul li { /* second level list items */
	width: 10em;
	padding: 2px;
	border: 0;
	margin: 0;
	}

.commenttools li ul li a {
	padding: 3px;
	display: block;
	border: 0;
	}

.commenttools li ul li a:hover {
	background-color: #ddd;
	padding: 3px;
	}

.commenttools li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}

.commenttools li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	}

	
/* Write comment */

.comments .writecomment {
	padding: 0 0 10px 0;
	line-height: 1.2;
	}
	
.comments .writecomment #commentinfo {
	padding: 0 5px;
	}

.comments .writecomment #commentinfo h5 {
	font-size: 14px;
	padding: 0;
	margin: 10px 15px;
	}

.comments .writecomment #commentinfo p {
	padding: 0;
	margin: 5px 15px;
	}

	
.comments .writecomment fieldset {
	margin: 0 10px;
	padding: 10px;
	border: none;
	/* border: 2px solid #cccccc; */
	clear: both;
	}

.comments .writecomment fieldset .buttonrow {
	margin-top: 10px;
	}

.comments .writecomment fieldset legend {
	/* border: 2px solid #cccccc; */
	font-size: 14px;
	color: #aaaaaa;
	margin: 0;
	margin-left: -10px;
	font-weight: bold;
	}

.comments .writecomment fieldset label {
	float: left;
	margin-top: 10px;
	margin-bottom: 3px;
	width: 100px;
	clear: left;
	/* text-align: right; */
	}
	
.comments .writecomment fieldset label.commentTags, .comments .writecomment fieldset label.mailbackAddress {
	float: left;
	margin-top: 10px;
	margin-bottom: 3px;
	width: 300px;
	clear: left;
	/* text-align: right; */
	}
	
.comments .writecomment fieldset label.mailbackAddress {
    width: 260px;
}


input#commentTitle, input.commentTitle {
	font-size: 14px;
	font-weight: bold;
	width: 98%;
	}

input#emailAlertAddress {
	width: 98%;
	}

textarea#commentBody, textarea.commentBody {
	width: 98%;
	height: 100px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}

input#commentUserName, input.commentUserName, input#commentTags, input.commentTags, input#mailbackAddress, input.mailbackAddress {
	width: 98%;
	}

.assistingText {
    width: 100%;
    color: #777F6F;
    float: left;
}

/* startpass */

.comments .startpass-topp {
	font-weight:bold;
	font-size: 14px;
	line-height:18px;
	background-color: #cccccc;
}
.comments .startpass-topp img {
	float:right;
	width:51px;
	height:16px;
	border:0;
	margin-right:3px;
}
.comments .startpass {
	padding:5px;
	margin-bottom: 15px;
	border: 0;
	background-color: #eeeeee;
}
.comments .startpass input {
	width:98%;
	margin-bottom:5px;
}
.comments .startpass-flytende {
	float:right;
	width:200px;
	margin-left:5px;
	/* border: 1px solid #eeeeee; */
}

/* rating */

.comments dl.star-rating {
	width: 120px;
	float: right;
	margin: 0 0 5px 15px;
	padding: 5px;
	/* background: #ffffd7; */
	/* border: 1px solid; */
	/* border-color: red; */
}

.comments dl.star-rating ol {
	margin: 0 0 0 -40px;
	padding: 0;
	list-style: none;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(http://gfx.dagbladet.no/rating/stjerner.png);
}
.comments dl.star-rating li {
	float: left;
	margin: 0;
	padding: 0;
}
.comments dl.star-rating li a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	position: absolute;
	text-decoration: none;
	z-index: 10;
}
.comments dl.star-rating li a:hover {
	background: url(http://gfx.dagbladet.no/rating/stjerner.png) left center;
	left: 0;
	z-index: 2;
}
.comments dl.star-rating a.star1 {
left: 0;
}
.comments dl.star-rating a.star1:hover {
    width: 20px;
}
.comments dl.star-rating a.star2 {
	left: 20px;
}
.comments dl.star-rating a.star2:hover {
	width: 40px;
}
.comments dl.star-rating a.star3 {
	left: 40px;
}
.comments dl.star-rating a.star3:hover {
	width: 60px;
}
.comments dl.star-rating a.star4 {
	left: 60px;
}
.comments dl.star-rating a.star4:hover {
	width: 80px;
}
.comments dl.star-rating a.star5 {
	left: 80px;
}
.comments dl.star-rating a.star5:hover {
	width: 100px;
}
.comments dl.star-rating li.current {
	background: url(http://gfx.dagbladet.no/rating/stjerner.png) left bottom;
	height: 20px;
	z-index: 1;
}

.comments .comment .commenttools a.button {
    color: #3a5a7a;
    background-color: #f3f6f9;
    background-image: none;
}

/* colors */

.comments h1, .comments h2, .comments h3, .comments h4, .comments h5, .comments a, comments h3 a, comments h3 a:hover {
	color: #444444;
	}
	

.comments #commentsheader {
	background-color: #ffffff;
	}

.comments #commentspreferences {
	/* background-color: #ffffff; */	
	}

.comments #commentsfooter, #commentsnavigator {
	background-color: #D3DEE8;
	}

.comments .writecomment {
	background-color: #f7f7f7;
	}

.comments .writecomment h3 {
	background-color: #eeeeee;
	}

.comments h4 {
	background-color: #eeeeee;
	}

.comments .comment .commentheader {
	background-color: #EDF0F3;
	}	
	
.comments .deleted {
	opacity: .5;
	filter: alpha(opacity=50);
	}

.comments #lastcomments h4 {
	background-color: #eeeeee;
	}

.comments .comment {
	background-color: #ffffff;
	}

.comments .morecomments h5 a {
	color: #aaaaaa;
	}

.comments .morecomments h5 a:hover {
	color: #444444 !important;
	}

.comments a.faded {
	color: #aaaaaa;
	}
	
	
/* ingeting */



.comments .navigation_button {
    float: left;
	height: 15px;
	margin-top: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#commentsnavigator {
	clear: both;
	padding-top: 5px;
	}

.comments a.selected {
    background-image: url(http://gfx.dagbladet.no/kommentarer/button-gradient-selected.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

.comments a.loading {
    background-image: url(http://gfx.dagbladet.no/kommentarer/button-gradient-loading.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}


.comments .collapsed {
    display: none;
}

.comments .expanded {
    display: inline;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.comments .feedback_container {
	width:100%;
	margin:4px 0 0 0;
	height: 0;
}

.comments .feedback {
    padding: 10px;
    color: #000000;
    background-color: #F7F7F7;
    border: 1px solid #d3dee8;
}

.comments a.button_feedback {
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
	background-color: #444444;
	padding: 2px 4px 4px 4px;
	margin: 3px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-image: url(http://gfx.dagbladet.no/kommentarer/button-gradient-selected.gif);
	background-repeat: repeat-x;
	}
	

.comments a.button_feedback:hover {
	border-color: #444444;
}

.feedback form {
    margin: 0;
    padding: 0;
}

.feedback fieldset {
    border: 1px dotted #cccccc; 
    display: block;
    margin: 0;
    padding: 5px;
}
.feedback legend {
    font-weight: bold;
    text-transfrom: uppercase;
    color: #444444;
}

.feedback label {
    margin: 0 5px 7px 0;
}

.feedback input {
    margin-top: 2px;
    margin-right: 5px;
}

.feedback .submit_OLD {
    border: 1px solid #444444;
    background-color: #ffffff; 
    color: #444444;
}

.feedback .submit_buttons {
    margin: 5px 0 0 0;
}

.comments .message {
    margin-left: 10px;
    font-weight: bold;
    color: #9dad8e;
}

.comments .error_message {
    color: #d76565;
}
.comments .success_message {
    color: #47963e;
}


.navigation  {
    margin-left: auto;
	margin-right: auto;
	text-align:center;
	float:left;
}

.navigation_next {
    float:right;
    display:block;
}

a:focus {
-moz-outline: none;
outline: none;
outline-offset 3px;
}

.comments .logged_in strong {
    color: #3a5a7a;
}
.comments .logged_in em {
    color: #3a5a7a;
}

.comments .writecomment .feedback {
    background-color: #faf6c9;
    color: #444444;
    border: 1px solid #eee9b6;
    display: block;
    padding: 10px;
    margin: 0 0 5px 0;
}