/* GENERAL STYLES */
*
{
	margin: 0; padding: 0; 
}

.remove { position: absolute; top: -500px; }

html { overflow: -moz-scrollbars-vertical; }

body 
{
	color: #515151;
	font-family: Arial;
	font-size: 75%;
}

a 
{ 
	color: #006ee5;
	text-decoration: none; 
} 

/* all visited anchors grey */

a:visited {color: #999; }

/* except ... */

.meta a:visited,
.persona a:visited,
a.more:visited,
#links a:visited,
#author a:visited,
#info a:visited,
#filter a:visited,
#pagebox a:visited,
a#writecomment:visited,
.ring a:visited,
a.add:visited,
a.edit:visited,
a.delete:visited,
#pager a:visited,
#people a,
#login a
{
	color: #006ee5;
}

/* -- */

a:hover { text-decoration: underline; }
a.nohover:hover { text-decoration: none; }

a img { border: 0; }

h1 {  }
h2 { font-size: 130%; }
h3 { font-size: 125%; }

h4 { font-size: 120%; color: #0f7251; }
h4 a         { color: #0f7251; }
h4 a:visited { color: #999; }

h5 { font-size: 115%; }
h6 { font-size: 110%; }

input, textarea, select { color: #515151; font-family: arial, verdana }
textarea { font-size: 100%; }
.checkbox label { padding-left: 4px; }

.error { background: #ffeeee; border: 1px solid #ccc; font-weight: bold; margin: 10px 0; padding: 20px; }
.error ul { font-weight: normal; }

.alert { color: red; }

p { padding: 0 0 0.5em 0; }

td { vertical-align: top; }

.meta { font-weight: bold; }

.hidden { display: none; }
.block { display: block; }

.linklist { margin-left: 1.5em; }

.add { background: url(/img/icons/add.gif) no-repeat; background-position: left center; padding: 5px 3px 5px 20px; line-height: 25px; } 
.edit { background: url(/img/icons/pencil.gif) no-repeat; background-position: left center; padding: 5px 3px 5px 20px; line-height: 25px } 
.delete { background: url(/img/icons/delete.gif) no-repeat; background-position: left center; padding: 5px 3px 5px 20px; line-height: 25px } 
.thumb-up { background: url(/img/icons/thumb-up.gif) no-repeat; background-position: left center; padding: 5px 3px 5px 20px; line-height: 25px } 

.green { color: green; }
.strong { font-weight: bold; }

.admin 
{
	width: 90%; 
}

#container
{
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 5px;
	width: 960px;
}

	#header
	{
		/*	background: #dfebe3 url(/img/logo.gif) no-repeat;
*/
		float: left;
		margin-bottom: 5px;
		width: 960px;
	}
	
		#header h1 a
		{

			display: block;
			height: 60px;
			width: 408px;
		}


		#header h1.small a
		{
/*			background: transparent url(/img/logo-small.gif) no-repeat;*/
			display: block;
			height: 40px;
			width: 408px;
		}


			#header h1 a span { display: none; }
		
		#header h2
		{
/*
			background: #c3dd05 url(/img/ring.gif) no-repeat;
*/
			background: #2A9674;
			border-top: 5px solid #fff;
/*
			line-height: 30px;
*/
			padding: 3px 0;
			
		}
		
			#header h2 a { 
/*
				color: #2e511e; 
*/
				color: #fff;
				margin-left: 15px;
			}
			
		
	#body
	{
		float: left;
		width: 960px;
	}
	
		#content
		{
			float: left;
			margin-right: 34px;
			width: 730px;
		}
		
			#content a.more
			{
				display: block;
				float: left;
				margin: 10px 0;
			}
			
			#tabs
			{ 
				float: left;
				width: 960px; 
			}
			
				#tabs a
				{
					color: #515151;
					display: block;
					float: left;
					line-height: 17px;
					padding: 5px 7px;
				}
				
				#tabs a.current
				{
					background: transparent url(/img/tab.gif) repeat-x bottom;					
					color: #006ee5;
				}

			#intro
			{
				background: transparent url(/img/gradient-end.gif) no-repeat bottom;
				float: left;
				margin-bottom: 20px;
				width: 730px;
			}
				
				#wrapper
				{
					background: transparent url(/img/gradient.gif) no-repeat top;
					float: left;					
					padding:15px;
					width: 700px;
				}
			
				#intro-image
				{
					float: left;
					margin: 0 20px 20px 0;
				}
			
			#ring
			{
				background: transparent url(/img/footer-ring.gif) no-repeat bottom;
				float: left;
				margin-bottom: 20px;
				padding: 20px;
				width: 454px;	
			}
			
				#ring-image
				{
					float: left;
					margin: 0 20px 20px 0;
				}

			#filter
			{
				float: left;
				padding: 15px 20px;
				width: 690px;
			}
		
				#filter.gradient
				{
					background: transparent url(/img/gradient.gif) no-repeat top;
				}
				
				#filter a
				{
					display: block;
					float: left;
					line-height: 1.7em;
					width: 170px;
				}
				
				#filter a.current
				{
					color: #000;
					font-weight: bold;
				}
						
			#path
			{
				border-bottom: 2px solid #c8c8c8;
				float: left;
				padding-bottom: 5px;
				width: 730px;
			}
			
				#path a, #path a:visited { font-size: 120%; color: #000; }

				#path a.current { font-size: 160%; }

			.panel { float: right; margin-top: -2px; border-left: 4px solid white; }				
			.panel-left { border-top: 2px solid red; background: url(/img/panel-left.gif) no-repeat; background-position: bottom; line-height: 25px; width: 6px; float: left; }
			.panel-center { border-top: 2px solid red; background: url(/img/panel-center.gif) repeat-x; background-position: bottom; float: left; }
			.panel-right { border-top: 2px solid red; background: url(/img/panel-right.gif) no-repeat; background-position: bottom; line-height: 25px;width: 6px; float: left; }

			#page
			{
				float: left;
				padding: 20px 0 0 10px;
				width: 720px;
			}

				#page.gradient
				{
					background: transparent url(/img/gradient.gif) no-repeat top;
				}

				#page .image { margin-bottom: 5px; }
				#page .pos-V { float: left; margin: 0 10px 5px 0; padding-right: 10px; }
				#page .pos-H { float: right; margin: 0 10px 5px 10px; padding-left: 10px; }


				#page #buttons { float:right; margin-top:-10px; }
				#page #buttons a { padding-right: 10px; }

				.columns-3 { float: left; width: 720px; }
				.columns-3 .column { float: left; width: 230px; padding-right: 10px; }
				.columns-3 .column a { display: block; float: left; padding: 2px 0; }
				.columns-3 .column .item { float: left; padding: 0 0 20px 0; width: 230px; }

				#page h3 { color: #0f7251; font-size: 150%; }
				#page h4, #page h5, #page h6 { color: #515151; }
				#page ul { margin: 10px 1.5em; list-style: square; }
                #page ol { margin: 10px 1.5em; }
				#page .body { line-height: 1.4em; }
				#page .body .abstract { margin-bottom: 10px; }
                #page .body img { padding: 10px; }
				#page #subnav { padding: 0 0 10px 0; }

				#pager { text-align: center; line-height: 2em; }
				#pager a.page { padding: 0 3px; }
				#pager .prev, #pager .next { margin: 0 10px; }
				#pager a.current { font-weight: bold; text-decoration: underline }

				#pagebox
				{
					float: right;
					margin: 0 0 10px 20px;
					padding-right: 10px;
					width: 198px;
				}
			

					#pagebox .gradient
					{
						background: transparent url(/img/boxes/rightcol-gradient.gif) no-repeat;
						float: left;
						min-height: 156px;
						padding: 7px 10px;
						width: 188px;
					}

				
						#pagebox h4 { color: #515151; margin: 0 0 5px 0; }
						#pagebox h5 { font-size: 100%; }
						#pagebox img { float: left; margin: 0 5px 5px 0; }

						#pagebox ul { list-style: none; margin: 0 0 20px 0;  }
						#pagebox li { border-bottom: 1px dashed #c6c6c6; padding: 3px 0; }
						#pagebox li a.current { font-weight: bold; }

						#pagebox ul ul { list-style: none; margin: 0 0 0 20px;  }
						#pagebox ul ul li { border-bottom: 0; padding: 2px 0 3px 0; }


				#committee { margin: 10px 0; }
				#employees { margin: 10px 0; }				
				#employees td { padding-right: 10px; }

				
				#advsearch { background: #dfebe3; padding: 10px 5px 20px 5px; width: 720px; float: left; border-bottom: 2px solid #fff }
				#advsearch h3 { margin: 5px 0; }
				#advsearch table td { padding: 2px 4px 2px 0; vertical-align: middle }
				.hit { background-color: #fdf21e; }
			

/* ========================================

WB: Member Table and A/Z List Start 

======================================== */

				.memberListContainer
				{
					display:inline-block;
					margin:0 0 60px 0;
				}

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

					/* MEMBER INDEX = A-Z list */

					.memberListContainer .memberindex
					{
						float:left;
						width:15px;
						border-right:2px solid #8b8b8b;
					}
				

						#page .memberListContainer .memberindex ul { list-style-position:outside; list-style-type:none; margin:0; padding:0; }

							#page .memberListContainer .memberindex ul li { font-size:12px; text-align:center; }

								#page .memberListContainer .memberindex ul li a { display:block; height:100%; width:100%; padding:3px 0 2px 0; }

									#page .memberListContainer .memberindex ul li a.current 

									{ 
										background-image:url(../img/current_letter.gif); 
										background-repeat:no-repeat;
										background-position:top left; 
										background-color:#8b8b8b; 
										color:#ffffff;						 
									}
				

					/*MEMBERLIST = div that contains paer and table of member info */

					.memberListContainer .memberList { width:702px; float:right; }

						.memberListContainer .memberList .pager
						{
							/* using display:table with auto margin centers div without knowing the width */
							display:table;
							margin:0 auto;
				
							/* For IE centering */
							text-align:center;
						}
							.memberListContainer .memberList .pager a { padding:10px 4px 0 3px; }
							.memberListContainer .memberList .pager a.current { background-repeat:no-repeat; background-image:url(../img/pager_arrow.gif); background-position: top center; }
				
						/* Class applied to the table that contains the member info */

						.Medlemmer
						{
							width:100%;
							border-collapse:collapse;		/* Removes cellpadding and spacing */
						}

						.Medlemmer th { font-size:15px; font-weight:normal; color:#646464; border-bottom:1px solid #c4c4c4; padding:25px 0 10px 12px; }

							.Medlemmer tr.Odd { background-color:#ffffff; }
							.Medlemmer tr.Odd td, .Medlemmer tr.Even td { padding:5px 0 3px 12px; }
							.Medlemmer tr.Even { background-color:#f6f5f5; }

/* ========================================

WB: Member Table and A/Z List END 

======================================== */



/* ========================================

WB: Speech Bubble Comment Box START 

======================================== */

				#favorite { margin: 20px 0; }

				#comments { margin-bottom: 20px; clear:both; }
				#comments .comment { margin-top: 20px; display: inline-block; /*background-color:red;*/	/*Used for debug */ }				
				.comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
								
				.comment .body
				{ 
					float:left;
					width:480px; 
				}

				.comment .bodyTop
				{
					background-image:url(../img/comment_curve_top.gif);
					background-position: bottom;
					background-repeat:no-repeat; 
					display:block; 
					height:10px;
				}
				
				.comment .bodyMiddle 
				{ 
					background-color:#ebec97;
					padding:0 18px 0 14px;
					height: auto !important; /* for modern browsers */
					height: 65px; /* for IE5.x and IE6 */
					min-height: 65px; /* for modern browsers */
				}

			.comment .bodyBottom
			{		
				background-image:url(../img/comment_curve_bottom.gif);
				background-repeat:no-repeat;
				display:block;
				height:10px;
			}

			.comment .header
			{
				float:right;
				width:207px;	/* 240px - 33left padding = 207px */
				/*background-color:yellow;*/	/* used for debug */
				background-image:url(../img/comment_point.gif);
				background-repeat:no-repeat;
				padding:0 0 0 33px;
				height: auto !important; /* for modern browsers */
				height: 70px; /* for IE5.x and IE6 */
				min-height: 70px; /* for modern browsers */
			}

				.comment .header .CommentPhoto
				{
					float:left;
					width:90px;
				}

				.comment .header .CommentInfo
				{
					float:right;
					width:115px;
					font-size:10px;
					color:#666666;
				}

					.comment .header .CommentInfo h6
					{
						font-size:11px;
						font-weight:normal;
						margin:0;
					}

					.comment .header .CommentInfo a
					{
						font-size:11px;
					}
					
/* ========================================
WB: Speech Bubble Comment Box END 
======================================== */		
		
				.addcomment 
				{
					margin: 3px 0;
				}


				.cuteeditor { margin-bottom: 10px; }

				.accesspicker {	}
				.accesspicker td { padding: 0 3px; vertical-align: middle; }
				.accesspicker label { display: block; margin: 2px 0; }
				.accesspicker input { display: block; margin: 2px 0; }
	
				.linkeditor td { padding: 2px; }

				.calendar { float: left; width: 700px; margin-bottom: 5px; }

				#intro .calendar .calendar-header { background: #0082ff; color: #fff; float: left; width: 700px; }
				#intro .calendar .calendar-header h3 { color: #fff; float: left; padding: 10px; width: 330px; }
					.calendar .calendar-header .navigator { float: left; width: 330px; padding: 10px; text-align: right; font-size: 125%; font-weight: bold; }
					.calendar .calendar-header .navigator img { margin: 0 5px; }
					.calendar table { border-top: 1px solid #daefef; border-left: 1px solid #daefef; float: left; }
					.calendar .week, 
					.calendar .day { 
						background: #fff url(/img/tables/cell.gif) no-repeat; 
						background-position: bottom right; 
						padding: 3px;
					}

				.calendar .p, .calendar .n { 
					background: #f1f7f7 url(/img/tables/cell.gif) no-repeat; 
					background-position: bottom right; 
					color: #888;
				}

				.calendar .today { 
					background: #ffe3b6 url(/img/tables/cell.gif) no-repeat; 
					background-position: bottom right; 
				}

				.calendar .week { width: 29px; text-align: center; }
				.calendar .day { width: 89px; overflow: hidden;}
				.calendar td.week { color: #999; }
				.calendar td.week, .calendar td.day { height: 40px; }
				
				.calendar th { text-align: center; }
				
				#intro .calendar .date { text-align: right; }
				#intro .calendar ul { 
					padding: 0 0 0 15px;
					margin: 0;
					width: 74px;
					float: left;
					overflow: hidden;
				}

				#intro .calendar ul li a { font-size: 90%; }

				.profile { }
					
					.profile td { vertical-align:inherit; }
					.profile h3, .profile h4 { margin: 0 0 10px 0; }
					.profile table.details { margin: 5px 0; }
					.profile table.editprofile { margin: 5px 0; }
					.profile table.details td, .profile table.editprofile td { padding: 2px 10px; }
				

			#columns
			{
				float: left;
				/* padding-top: 20px; */
				width: 730px;	
			}
			
				#columns.gradient
				{
					background: transparent url(/img/gradient.gif) no-repeat top;
				}
				
				#left-col
				{
					float: left;
					margin-right: 28px;
					width: 494px;
				}

					#left-col h3.space { margin-bottom: 15px; }

					#left-col h3.underline
					{
						border-bottom: 2px solid #c8c8c8;
						float: left;
						padding-bottom: 5px;
						width: 494px;
					}
				
					#left-col .item
					{
						background: transparent url(/img/item.gif) repeat-x bottom;
						border-bottom: 1px dashed #c6c6c6;
						margin: 0 0 10px 0;
						padding: 0 5px 10px 3px;	
						float: left; width: 486px;
					}

						#left-col .item .image
						{
							background: #e1ecf1;							 
							float: left;
							height: 100px;
							text-align:center;
							width: 100px;
						}

						#left-col .item .image img
						{							
							display: block;
							margin-left: auto;
							margin-right: auto;														
						}

						#left-col .item .data
						{
							float: left;
							padding-left: 10px;
							width: 376px; 
						}
						
						#left-col .item .data.wide { width: 486px; }

/*

						#left-col .item .header,
						#left-col .item .body 
						{
							padding-left: 40px;
						}
					
						#left-col .header.article { background: transparent url(/img/icons/document.gif) no-repeat 10px top; }
						#left-col .header.article.protected { background: transparent url(/img/icons/document-protected.gif) no-repeat 10px top; }

						#left-col .header.event { background: transparent url(/img/icons/event.gif) no-repeat 10px top; }
						#left-col .header.event.protected { background: transparent url(/img/icons/event-protected.gif) no-repeat 10px top; }

*/

 
/* ========================================
WB: Pager for news archive START
======================================== */
						#left-col .pager
						{
							/* using display:table with auto margin centers div without knowing the width */
							display:table;
							margin:10px auto;
						
							/* For IE centering */
							text-align:center;
						}

							#left-col .pager a { padding:10px 4px 0 3px; }
							#left-col .pager a.current { background-repeat:no-repeat; background-image:url(../img/pager_arrow.gif); background-position: top center; }
 /* ========================================
WB: Pager for news archive END
======================================== */

				

				#right-col
				{
					float: left;
					width: 208px;
				}
						
					#right-col .item
					{
						border-bottom: 1px dashed #c6c6c6;
						float: left;
						margin: 10px 0 5px 0; 
						width: 198px;
						padding: 0 0 5px 0;			
					}
					
						#right-col .item h4 { font-size: 110%; }
						#right-col .item img { float: left; margin: 0 5px 5px 0; }

					#right-col .gradient
					{
						background: transparent url(/img/boxes/rightcol-gradient.gif) no-repeat;
						float: left;
						padding: 7px 10px;
						width: 188px;
					}
					
					#right-col .gradient .persona 
					{
						border-top: 1px dashed #c6c6c6; 
						margin: 5px 0 5px 0; 
						float: left;
						padding: 9px 0 0 0; 
						width: 188px; 
					}
					
						#right-col .gradient .persona img { float: left; margin: 0 5px 0 0; }
						#right-col .gradient .persona h4 { font-size: 100%; }				
					
					#right-col h3 { font-size: 120%; }
					#right-col h3.section { padding-top: 15px; }
					#right-col a { color: #0f7251; }
					#right-col ul { list-style: none; margin-bottom: 10px; }
					#right-col li { border-bottom: 1px dashed #c6c6c6; padding: 3px 0; } 
					#right-col li a.current { color: #000; font-weight: bold; }
					#mostread, #mostcomments, #bestrated { width: 198px; margin-bottom: 20px; }
						
			#bottom
			{
				float: left;
				margin: 10px 0;
				padding: 10px;
				width: 710px;
			}
			
				#bottom a { color: #0f7251; }
				#bottom ul { list-style: none; }
				#bottom li { border-bottom: 1px dashed #c6c6c6; padding: 3px 0; }
				#bottom h3 { background: transparent url(/img/icons/document.gif) no-repeat left center; font-size: 120%; line-height: 30px; padding-left: 25px; } 
				#bottom.gradient { background: transparent url(/img/boxes/bottom-gradient.gif) no-repeat; }


		#sidebar
		{
			float: left;
			/* padding-top: 27px; */
			width: 196px;			
		}
		
			.box
			{				
				float: left;
				margin-bottom: 15px;	
				width: 196px;
			}
				
		.header-green { float: left; height: 5px; width: 196px; background: transparent url(/img/boxes/header-green.gif) no-repeat bottom; }
		.body-green { float: left; width: 180px; background: #2a9674; padding: 2px 8px; }
		.footer-green { float: left; height: 5px; width: 196px; background: transparent url(/img/boxes/footer-green.gif) no-repeat top; }
		.header-white { float: left; height: 6px; width: 196px; background: transparent url(/img/boxes/header-white.gif) no-repeat bottom; }
		.body-white { float: left; width: 180px; padding: 2px 8px; background: transparent url(/img/boxes/body-white.gif) repeat-y; }  
		.footer-white { float: left; height: 6px; width: 196px; background:transparent url(/img/boxes/footer-white.gif) no-repeat top; }

			#search-input
			{
					color: #fff;
					float: left;
					padding-top: 5px;
					width: 135px;
				}

					#search-input .text { border: 0; display: block; margin-bottom: 3px; padding: 1px; width: 125px; }
					#search-input a, #search-input a:visited { color: #fff; }
				

				#search-button
				{
					float: left;
					width: 45px;
				}
				

				#login
				{ }
		
					#login h3 { margin-bottom: 4px; }
					#login .role { font-size: 12px; font-weight: normal; display: block; }
					#login .text { border: 1px solid #bfbfbf; margin-bottom: 3px; padding: 1px; width: 111px; }
					#login label { padding-left: 3px; }
					#login .more { display: block; margin-top: 2px; }
					
				
				.login-button
				{
					margin-bottom: -4px;
				}
				
		
			#sidebar .gradient
			{
				background: transparent url(/img/boxes/gradient.gif) no-repeat;
			}	

				#calendar
				{
					background: transparent url(/img/boxes/calendar.gif) no-repeat 140px 4px;
					padding: 10px 0;
				}	

			
					#calendar h3 { margin: 20px 0 3px 0; padding: 0 10px }
					#calendar h4 { color: #515151; font-size: 100%; font-weight: normal; font-style: italic; }
					#calendar .event {  border-bottom: 1px dashed #c6c6c6; padding: 5px 0; margin: 0 10px; margin-bottom: 5px; }
					#calendar .first { padding-top:5px; } /* WB: Applied to first event to push text away from admin bar */
					#calendar a.add { background-color: #fcfcfc; background-position: 10px center; display: block; border-top: 2px solid red; padding: 3px 0 3px 30px; }
					#calendar a.more { display: block; float: left; padding: 5px 10px; }

			
				
				#links
				{
					background: transparent url(/img/boxes/globe.gif) no-repeat 145px 7px;
					line-height: 1.5em;
					padding: 10px 0;
				}		

					#links h3 { margin: 20px 0 3px 0; padding: 0 10px; }
					#links ul { list-style: none; padding: 10px; }
					#links a.edit { background-color: #fcfcfc; background-position: 10px center; display: block; border-top: 2px solid red; padding: 3px 0 3px 30px; }

				#group
				{
					background: transparent url(/img/boxes/group.gif) no-repeat 145px 7px;
					line-height: 1.5em;
					padding: 10px 0;
				}		

					#group h3 { margin: 20px 0 3px 0; padding: 0 10px; }
					#group ul { list-style: none; padding: 10px; }

				#author
				{
					background: transparent url(/img/boxes/author.gif) no-repeat 140px 7px;
					padding: 10px 0;
				}

					#author h3 { margin: 20px 0 3px 0; padding: 0 10px }
					#author img { display: block; margin: 10px; }
					#author a { display: block; padding: 3px 10px; }

				#info
				{
					background: transparent url(/img/boxes/info.gif) no-repeat 140px 7px;
					padding: 10px 0;
				}

					#info h3 { margin: 20px 0 3px 0; padding: 0 10px }
					#info a { display: block; padding: 10px 10px 5px 10px; }

			
			#banners
			{
				float: left;
				width: 196px;
				margin-bottom: 10px;
			}
					
				#banners img
				{
					display: block;
					margin-bottom: 2px;
				}
	
	#footer
	{
		border-top: 2px solid #b8dbdb;
		color: #636363;
		float: left;
		font-size: 90%;
		margin-top: 20px;
		padding: 5px;
		text-align: center;
		width: 950px;
	}
	
		#footer a { color: #636363; }	



.aggregates .disabled label,
.aggregates .disabled input, 
.aggregates .disabled select { color: #ccc; }
.aggregates .listbox { width: 200px; }
.aggregates .button { width: 100px; }
.aggregates td { vertical-align: middle; }

.settings .contactdata td { padding-right: 20px; }
.settings .contactdata input { padding: 1px; width: 200px; margin-bottom: 4px; }



/* EDITOR PROPERTIES */
h4 {
font-size: 120%;
}

h5 {
font-size: 115%;
}