/*
	Current version: 1.0
	
	Site: Glömda Barnen
	www: glomdabarnen.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
	------------------------------------------------------------------
*/

html, body, form, fieldset, textarea, input{
	margin: 0;
	padding: 0;
	font: 100%/1.2 Arial, Helvetica, sans-serif;
}
select, textarea, input{}

html body{font-size: 76%; color: #000;}

body{background: #fff url(../images/common/body-bg.gif) repeat-x top center;}

h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, Serif; font-weight: bold; margin: 1em 0 .5em 0; color: #363636;}
h1{font-size: 2.48em; margin: 0 0 .5em 0; } 
h2{font-size: 1.2em; padding-top: 0; margin: 0 0 .3em 0;}
h3{font-size: 1em; margin: 5px 0 5px 0;}
h4, h5, h6{font-size: 1em;}

p{padding: 0; margin: 0 0 1.2em 0; background-color: transparent !important; line-height: 1.5em; font-size: 1em;}

a{color: #21629E; text-decoration: none;}
a:hover{text-decoration: underline;}

form label{position: relative; font-size: .94em;}
input, select, textarea{font-size: 100%; padding: 2px;}
fieldset{border: none;}

hr{border: 0; height: 0; clear: both; border-top: 1px dotted #e9e8e8;}

ul{padding: 0 0 0 5px; margin: 0 0 1.5em 10px; font-size: 1em; }
li{margin: 0 0 .5em 0;}

img {border: 0;}

blockquote {margin: 0; padding: 0 0 0 40px; min-height: 20px; min-width: 20px;}

#wrapper{
	margin: 0 auto;
	width: 940px;
}
	#header{ 
		width: 940px;
		height: 24px;
		margin: 9px 0 0 0;
		font-size: .916em;
		overflow: hidden;
	}
	#header a{ color: #363636; }
		#header #newsletter{ float: left; width: 541px; padding: 0 0 0 20px; }
		
		#header #textSize{ float: left; width: 105px; }
			#header #textSize p{ float: left; color: #353535; }
			#header #textSize a{ float: left; width: 14px; height: 14px; text-indent: -9999px; overflow: hidden; }
				#header #textSize a#text-small{ background: url(../images/common/text-small.gif) no-repeat; margin: 0 0 0 4px; }
				#header #textSize a#text-large{ background: url(../images/common/text-large.gif) no-repeat; margin: 0 0 0 3px; }
				
		#header #logotypeRight{ float: right; width: 231px; height: 17px; margin: 0 21px 0 0; overflow: hidden; }
			#header #logotypeRight #helamanniskan{ display: block; width: 83px; height: 17px; float: right; background: url(../images/common/top-right-img.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
			#header #logotypeRight #glomdabarnen{ display: block; height: 17px; float: left; }
	
	#menuContainer{ 
		width: 940px;
		height: 35px;
		padding: 0 0 2px 0;
		margin: 0 0 15px 0;
		background: url(../images/common/topmenu-shadow.png) no-repeat bottom left;
	}
	#menuContainer ul{ list-style: none; padding: 0; margin: 0; }
	#menuContainer div, #menuContainer li{ float: left; margin: 0; }
		#menuContainer a{ 
			display: block;
			text-indent: -9999px;
			float: left;
			overflow: hidden; 
			height: 35px;
		}
		#menuItem0_0 a{ background: url(../images/common/logotype.gif) no-repeat;  width: 207px; }
		#menuItem0_1 a{ background: url(../images/common/topmenu-item-1.gif) no-repeat; width: 157px; }
		#menuItem0_2 a{ background: url(../images/common/topmenu-item-2.gif) no-repeat; width: 152px; }
		#menuItem0_3 a{ background: url(../images/common/topmenu-item-3.gif) no-repeat; width: 159px; }
		#menuItem0_4 a{ background: url(../images/common/topmenu-item-4.gif) no-repeat; width: 108px; }
		#menuItem0_5 a{ background: url(../images/common/topmenu-item-5.gif) no-repeat; width: 92px; }
		#menuItem0_6 a{ background: url(../images/common/topmenu-search.gif) no-repeat; width: 65px; }
		
	#content{
		width: 940px;
		float: left;
		overflow: hidden;
	}
		#startPage #col1, #startPage #col2{
			width: 350px;
			float: left;
			margin: 3px 10px 0 0;
			overflow: hidden;
		}
		#calendarPage #col1, #calendarEventPage #col1{
			width: 710px;
			float: left;
			margin: 3px 10px 0 0;
			min-height:405px;
			height:auto !important;
			height:405px;
			background: url(../images/common/articlepage-col1-bg.gif) no-repeat;
		}
		#calendarEventPage #col1{
			width: 630px;
			padding: 40px 40px 0 40px;
		}
		
		#subPage #col1, #blogListPage #col1, #articleListPage #col1{
			width: 208px;
			float: left;
			margin: 3px 10px 0 0;
		}
		#subPage img{
			margin: 0 0 10px 0;
		}
		
		#articlePage #col1, #blogPage #col1{
			width: 630px;
			float: left;
			margin: 3px 10px 0 0;
			padding: 40px 40px 0 40px;
			min-height:405px;
			height:auto !important;
			height:405px;
			background: url(../images/common/articlepage-col1-bg.gif) no-repeat;
		}
		
		#subPage #col2, #blogListPage #col2, #articleListPage #col2{
			width: 468px;
			float: left;
			margin: 3px 10px 0 0;
			padding: 11px 12px;
			min-height:405px;
			height:auto !important;
			height:405px;
			background: url(../images/common/subpage-col2-bg.gif) no-repeat;
		}
		
		#blogListPage #col2, #articleListPage #col2{
			padding: 10px;
			width: 472px;
		}
		
		
	#footer{
		width: 940px;
		height: 118px;
		margin: 20px 0 0 0;
		float: left;
		font-size: 1.1em; 
		color: #363636;
		background: url(../images/common/footer-bg.gif) no-repeat;
	}
		#footer .left{ float: left; padding: 30px 40px 20px 20px; }
		#footer .middle{ float: left; padding: 30px 20px 20px 20px; margin: 16px 0 0 0; }
		#footer .right{ float: right; padding: 20px; }
			#footer .right img{ float: right; padding: 0 20px 0 0; }
		#credit{ float: right; color:#363636; font-size: .916em; padding: 5px 10px 0 0; }
		
		#quotes
		{
			width:940px;
			height:30px;
			padding:7px 0 0 10px;
			font-weight:bold;
			line-height:1.3em;
			font-size:100%;
			text-align: center;
			float: left;
		}
	
		#submenu h2{
			background: url(../images/common/submenu-header.gif) no-repeat;
			width: 196px;
			height: 21px;
			color: #fff;
			font-weight: bold;
			font-size: 1.1em;
			padding: 10px 0 0 12px;
			margin: 0;
		} 
		#submenu h2 a{ color:#fff; }
		#submenu a{ color:#0D4D89; font-size:0.916em; font-weight:bold; }
		#submenu ul{ margin: 0; padding: 0; width: 208px; background: url(../images/custom/col1-box-bg.gif) repeat-y; float: left; border-bottom: 1px solid #c4c4c4; }
		#submenu li { margin: 0; }
		#submenu li div{ padding: 11px 14px; margin: 0; border-top: 1px solid #cecece; }
		#submenu div.menuItemFirst{ border: none; }
		
		.subNavItemLeft, .subNavItemRight, .subNavItemLeftSelected, .subNavItemRightSelected{display:none;}

		.clearFix
		{
			clear: both;
			float: none;
		}
		
		
		/* ARTICLE LISTING STARTPAGE */
		
		#articles .articleLink{ color:#21629e; font-weight: bold; }
		#articles .text .date{ color:#363636; }
		
			#startPage .randomArticles{ 
				border-left: 2px solid #c4c4c4;
				border-right: 2px solid #c4c4c4;
				border-top: 2px solid #c4c4c4;
				width: 346px;  
			}
			#startPage .randomArticlesBottom{
				width: 350px;
				height: 18px;
				overflow: hidden;
				background: url(../images/custom/start-random-articles-bottom.gif) no-repeat; 
			}
				#startPage .randomArticles img{ padding: 6px 4px; }
				#startPage .randomArticles .text{ padding: 5px 21px 15px 21px; font-size: 1.1em; }
				#startPage .randomArticles p{ margin: 0 !important; }
				#startPage .randomArticles .text .date{ font-size: .816em; }
				#startPage .randomArticles .text h2{ font-size: 1.3em; font-weight: bold; margin:0 0 2px 0; }
				#startPage .randomArticles .text h2 a{ color: #ef3929; }
			#latestArticles1{ 
				border-left: 2px solid #c4c4c4;
				border-right: 2px solid #c4c4c4;
				border-bottom: 2px solid #c4c4c4;
				width: 346px; 
				margin: 0 0 10px 0;
				overflow: hidden;
			}
			#latestArticles2{ 
				border: 2px solid #c4c4c4;
				width: 346px; 
				overflow: hidden;
			}
				#latestArticles1 img, #latestArticles2 img{ width: 122px; }
				#latestArticles1 .text, #latestArticles2 .text{ padding: 20px 18px; width: 176px; float:left; font-size: .916em; }
				#latestArticles1 p, #latestArticles2 p{ margin: 0 !important; }
				#latestArticles1 .intro, #latestArticles2 .intro{ line-height: 1.7em; }
				#latestArticles1 .img{ padding: 2px 6px 4px 6px; width: 122px; float:right;}
				#latestArticles2 .img{ padding: 4px 6px; width: 122px; float:right;}
				#latestArticles1 .text h2, #latestArticles2 .text h2{ font-size: 1.2em; font-weight: bold; margin:0; }
				#latestArticles1 .text h2 a, #latestArticles2 .text h2 a{ color: #ef3929; }
			#moreArticles{ float: right; display: block; font-weight: bold; margin: 5px 0 0 0; }
		
		#col3{
			width: 220px;
			float: left;
			overflow: hidden;
		}
		
		
		/* ARTICLE AND BLOG FULL PAGE */
		
		#articleCategories h2{
			background: url(../images/common/submenu-header.gif) no-repeat;
			width: 196px;
			height: 21px;
			color: #fff;
			font-weight: bold;
			font-size: 1.1em;
			padding: 10px 0 0 12px;
			margin: 0;
		} 
		#articleCategories dd{
			border-top:1px solid #CECECE;
			margin:0;
			padding:11px 14px;
		}
		#articleCategories dd a{
			color:#0D4D89;
			font-size:0.916em;
			font-weight:bold;
		}
		#articleCategories dl{ margin: 0; padding: 0; width: 208px; background: url(../images/custom/col1-box-bg.gif) repeat-y; float: left; border-bottom: 1px solid #c4c4c4; }
		
		/* BLOGMENU */
		
		.blogMenu{
			width: 196px;
			margin: 0 0 10px 0;
			float: left;
		} 
		
		.blogMenu h2{
			width: 196px;
			height: 21px;
			color: #fff;
			font-weight: bold;
			font-size: 1.1em;
			padding: 10px 0 0 12px;
			margin: 0;
		} 
		#blogAuthors h2{ background: url(../images/common/submenu-header.gif) no-repeat; } 
		#blogCategories h2{ background: url(../images/common/blog-categories-header.gif) no-repeat; } 
		
		.blogMenu dd{
			border-top:1px solid #CECECE;
			margin:0;
			padding:11px 14px;
		}
		.blogMenu dd a{
			color:#0D4D89;
			font-size:0.916em;
			font-weight:bold;
		}
		.blogMenu dl{ margin: 0; padding: 0; width: 208px; background: url(../images/custom/col1-box-bg.gif) repeat-y; float: left; border-bottom: 1px solid #c4c4c4; }
		
		
		/* BLOGLIST */
		
		.entry{ border-bottom: 1px solid #c4c4c4; padding: 0 0 20px 0; margin: 0 0 10px 0; float: left; color:#363636; font-size: .916em; }
		.presentation{ border-bottom: 1px solid #c4c4c4; padding: 0 0 20px 0; margin: 0 0 10px 0; float: left; color:#363636; width: 468px; overflow: hidden; }
		.entry .left{ width: 60px; height: 60px; margin: 0 10px 0 0; float: left; }
		.entry .right{ float: left; width: 400px; }
		.entry .right .inner{ float: left; width: 300px; border-left: 6px solid #e6e6e6; padding: 0 0 0 9px; }
		.entry .right a{ color:#0d4d89; }
		.entry .right h2{ font-size: 1.3em !important; }
		.entry .right h2 a{ color:#0d4d89; font-size: .816em; font-weight: bold; }
		.entry .comments{ 
			background: url(../images/common/comment-bubble.gif) no-repeat;
			width: 31px;
			height: 21px;
			float: right;
			display: block;
			text-align: center;
			font-weight: bold;
			color: #6e6d6d !important;
			padding: 3px 0 0 0;
		 }
		 .entry .blogLink{ color:#21629e; font-weight: bold; }
		
		
		/* ARTICLELIST */
		
		#articleListPage .article{ border-bottom: 1px solid #c4c4c4; padding: 0 0 20px 0; margin: 0 0 10px 0; float: left; color:#363636; font-size: .916em; }
		.presentation h1{ margin: 0 0 5px 0; }
		.presentation img{ float: left; padding: 0 22px 15px 0; }
		.blogger{ margin: 10px 0; float: left; width: 300px; }
		.blogger a{ color:#0d4d89; font-size: 1.3em; font-weight: bold; }
		#articleListPage .article .date{ margin: 10px 0 0 0; }
		#articleListPage .article .img{ margin: 0 10px 0 0; float: left; }
		#articleListPage .article .text{ float: left; width: 338px; }
		#articleListPage .article .text .inner{ float: left; width: 300px; border-left: 6px solid #e6e6e6; padding: 0 0 0 9px; }
		#articleListPage .article .text a{ color:#0d4d89; }
		#articleListPage .article .text h2{ font-size: 1.3em !important; }
		#articleListPage .article .text h2 a{ color:#0d4d89; font-size: .816em; font-weight: bold; }
		#articleListPage .article .comments{ 
			background: url(../images/common/comment-bubble.gif) no-repeat;
			width: 31px;
			height: 21px;
			float: right;
			display: block;
			text-align: center;
			font-weight: bold;
			color: #6e6d6d !important;
			padding: 3px 0 0 0;
		 }
		 #articleListPage .article .blogLink{ color:#21629e; font-weight: bold; }
		
		
		/* FULL ARTICLE */
		
			#articlePage #col1 #subMain, #blogPage #col1 #subMain{
				width: 430px;
				float: left;
				padding: 0 20px 0 0;
				overflow: hidden;
			}
			
			#articlePage #col1 #subSide, #blogPage #col1 #subSide{
				width: 180px;
				float: left;
				overflow: hidden;
			}
			
			#articlePage #col1 #bottom, #blogPage #col1 #bottom{
				clear: both;
				float: left;
				margin: 10px 0 0 0;
			}
			
				#col1 #bottom #share{
					width: 430px;
					height: 29px;
					background: url(../images/common/share-bg.gif) no-repeat;
				}
					#share #socialNetworks{ width: 170px; float: left; }
					#share #related{ width: 143px; float: left; }
					#share #rss{ width: 66px; float: left; }
					
					#share #socialNetworks a, #share #rss{
						width: 16px;
						height: 16px;
						float: left;
						margin: 7px 10px 0 0;
						text-indent: -9999px;
						overflow: hidden;
					}
					#share #bloggy{
						background: url(../images/common/share-bloggy.gif) no-repeat;
					}
					#share #digg{
						background: url(../images/common/share-digg.gif) no-repeat;
					}
					#share #facebook{
						background: url(../images/common/share-facebook.gif) no-repeat;
					}
					#share #pusha{
						background: url(../images/common/share-pusha.gif) no-repeat;
					}
					#share #delicious{
						background: url(../images/common/share-delicious.gif) no-repeat;
					}
					#share #stumbleUpon{
						background: url(../images/common/share-stumbleupon.gif) no-repeat;
					}
					#share #related a.relatedLink{ margin: 7px 0 0 0; color: #363636; font-weight: bold; width: 135px; height: 22px; padding: 0 0 0 8px; float: left; }
					#share #relatedWrapper{
						margin:0 auto;
						position:relative;
						width:143px;
						z-index:200;
					}
					#share #relatedItems{ 
						position:absolute;
						top:29px;
						z-index:500;
						margin: -29px 0 0 0;
						background: #d8d8d8 url(../images/common/related-bg.gif) no-repeat;
					}
					#share .rss, .share{ float: left; color: #363636; font-weight: bold; }
					#share .share{  margin: 7px 12px 0 12px;  }
					#share .rss{  margin: 7px 5px 0 9px;  }
					#share #rss{  
						margin: 7px 0 0 0;
						background: url(../images/common/share-rss.gif) no-repeat;
					}
					#share dl{ margin: 0; padding: 0; }
					#share dd a{ padding: 5px 0; float: left; }
					
			
			#col1 #comments{
				clear: both;
				float: left;
				width: 430px;
				margin: 40px 0 0 0;
			}		
			#col1 #comments fieldset{
				margin: 0 0 10px 0;
			}	
			#col1 #write{
				clear: both;
				float: left;
				width: 410px;
				height: 285px;
				background: url(../images/common/comments-bg.gif) no-repeat;
				padding: 10px;
			}
			#col1 #read{
				clear: both;
				float: left;
				width: 430px;
				margin: 10px 0 0 0;
			}
			
				#col1 #read .comment{ background: url(../images/common/comments-read-bg.gif) repeat-y; display: block; float: left; width: 430px; margin: 0 0 10px 0; }
				
					#col1 #read .commentTop{ background: url(../images/common/comments-read-top.gif) no-repeat; display: block; float: left; width: 430px; height: 16px; }
					#col1 #read .commentBottom{ background: url(../images/common/comments-read-bottom.gif) no-repeat; display: block; float: left; width: 430px; height: 16px; }
					#col1 #read .comment .inner{ padding: 20px; }
						#col1 #read .comment .inner img{ float: left; margin: 0 15px 0 0; }
						#col1 #read .comment .inner .text{ padding: 20px; float: left; }
						
				#col1 #comments .comments{ font-weight: bold; font-size: 1.1em; margin: 0 0 15px 0; }
				#comments .submit{ background: url(../images/common/comments-submit.gif) no-repeat; width: 112px; height: 22px; float: right; text-indent: -9999px; border: none; }
				#comments label{ font-weight: bold; font-size: .916em; }
				
				#comments #author input, #comments #e-mail input{
					width: 198px;
					height: 19px;
					border: none;
					background: url(../images/common/comments-input-bg.gif) no-repeat;
				}
				#comments label{
					width: 198px;
					display: block;
				}
				#comments label em{
					font-weight: normal;
					float: right;
				}
				#comments #write-comment textarea{
					width: 410px;
					height: 132px;
					border: none;
					background: url(../images/common/comments-textarea-bg.gif) no-repeat;
				}
		
		
		
		/* COMMUNITY LOGIN */
		
			#login{ float: left; }
				/*#login #comingSoon{ text-indent: -9999px; height: 143px; width: 220px; background: url(../images/common/coming-soon.jpg) no-repeat; }
				#login #protectedSitesLogin, #login #forgotPass{ display: none; }*/
				#login #comingSoon{ display: none; }
				#login #protectedSitesLogin, #login #forgotPass{padding: 10px; background: url(../images/custom/register-top.gif) repeat-x bottom left;margin: 0 1px 0 1px;}
				#forgotPasswordErrors{ display: block; color: red; }
				#protectedSitesLogin a, #login #forgotPass a{ color:#21629e; font-size: .916em; margin: 15px 0 0 0; display: block; float: left; }
				#login #inner{ 
					background: url(../images/custom/col3-box-bg.gif) repeat-y; 
					float: left; 
					border-bottom: 1px solid #c4c4c4; 
					width: 220px;
					overflow: hidden;
				}
				#login h2{
					background: url(../images/custom/login-header-bg.gif) no-repeat;
					width: 208px;
					height: 22px;
					color: #fff;
					font-weight: bold;
					font-size: 1.1em;
					padding: 12px 0 0 12px;
					margin: 0;
				}
				
				#login select{ display: none; }
				#login label{ display: block; font-weight: bold; color: #363636; margin: 2px 0 0 0; }
				#forgotPass label{ margin: 2px 0; }
				
				#login #register .text{ 
					font-size: .916em; 
					line-height: 1.7em; 
					margin: 0 0 8px 0; 
					color: #363636; 
				}
				#login input{ 
					width: 194px; 
					height: 19px; 
					border: none; 
					background: url(../images/custom/login-input-bg.gif) no-repeat; 
				}
				#login #register{ 
					
					padding: 10px; 
					width: 194px;
				}				
				#protectedSitesLogin .submit, #forgotPass .submit
				{ 
					margin: 11px 0 0 0; 
					text-indent: -9999px; 
					float: right; 
					height: 22px; 
					border: none; 
				}			
					#protectedSitesLogin .submit{ width: 88px;  background: url(../images/custom/login-button.gif) no-repeat; }
					#forgotPass .submit{ width: 75px; background: url(../images/custom/forgot-password-button.gif) no-repeat; }
				
				#login .register{ 
					text-indent: -9999px; 
					float: right; 
					width: 82px; 
					height: 22px; 
					border: none; 
					margin: 0 0 10px 0;
					background: url(../images/custom/register-button.gif) no-repeat; 
					overflow: hidden;
				}

	

				/* CALENDAR */
				
				.calendar{
					border: 1px solid #c4c4c4;	
					margin: 10px 0 0 0;
					background: #f9f9fa;
				}
				.calendarBig{
					margin: 0 !important;
				}
				.calendar .week, .calendarBig .week{ 
					display: none;
				}
				.calendar .header{ 
					background: url(../images/custom/calendar-monthly-header.gif) repeat-x;
					height: 29px;
					width: 346px;
					margin: 1px;
				}
				.calendarBig .header{ 
					height: 31px;
					width: 710px;
					margin: 0;
				}
				.calendar .header #previousMonth, .calendar .header #nextMonth{  
					float: left; 
					width: 38px; 
					height: 29px; 
					text-indent: -9999px;
					overflow: hidden;
				}
				.calendarBig .header #previousMonth, .calendarBig .header #nextMonth{  
					float: left; 
					width: 40px; 
					height: 31px; 
					text-indent: -9999px;
					overflow: hidden;
				}
				.calendar .header #previousMonth{ 
					background: url(../images/custom/calendar-previous-month.gif) no-repeat;
				}
				.calendar .header #nextMonth{ 
					background: url(../images/custom/calendar-next-month.gif) no-repeat;
				}
				.calendarBig .header #previousMonth{ 
					background: url(../images/custom/calendar-big-previous-month.gif) no-repeat;
				}
				.calendarBig .header #nextMonth{ 
					background: url(../images/custom/calendar-big-next-month.gif) no-repeat;
				}
				.calendar .header h3{ 
					float: left; 
					width: 270px;
					font-size: 120%;
					margin: 7px 0 0 0;
				}
				.calendar .header h3 a{ 
					float: left; 
					width: 270px;
					text-align: center;	
					color: #fff;
					font-weight: bold;
					font-size: .916em;
				}
				.calendarBig .header h2{ 
					float: left; 
					width: 630px;	
					height: 23px;
					margin: 0;
					padding: 8px 0 0 0;
					text-align: center;	
					color: #fff;
					font-weight: bold;
					text-transform: uppercase;
					font-size: 1.1em;
					background: url(../images/custom/calendar-big-monthly-header.gif) repeat-x;
				}
				#calendarWrapper
				{
					width:350px;
					height:153px;
					overflow:hidden;
					background:#f9f9fa;
					padding:1px;
					text-align:right;
				}
						
				#calendarTable
				{
					margin: 0 12px 7px 12px;
					width:324px;
					background:#d9d9d9;
					font-family:arial, helvetica, sans-serif;
				}
				#calendarHeader
				{
					margin: 4px 12px 0 12px;
					width:324px;
					font-family:arial, helvetica, sans-serif;
				}
		
					#calendarHeader th
					{
						padding:0;
						margin:0;
						width:21px;
						height: 19px;
						text-align:center;
						color:#454545;
						font-size: 84%;
					}
					
					
					#calendarTable td
					{
						text-align:center;
						width:45px;
						height:45px;
						background: #ffffff;
					}
					
						#calendarTable td a
						{
							display:block;
							width:45px;
							height:20px;
							padding: 12px 0 13px 0;
							text-decoration:none;
							font-weight:bold;
							color:#000;
							line-height:1.7em;
						}
						#calendarTable td a:hover
						{
							text-decoration:underline;
						}
					
					#calendarTable .currentDay{ 
						background: #fff url(../images/custom/calendar-current-day.gif) no-repeat !important;
						color: #fff;
					}
					#calendarTable .currentDayHasEvent{ 
						background: #fff url(../images/custom/calendar-current-day-has-event.gif) no-repeat !important;
						color: #fff;
						font-weight: bold;
					}
					#calendarTable .currentDayHasEvent a{ 
						color: #fff !important;
					}
					#calendarTable .weekDayActiveMonthHasEvent{
						background: #fff url(../images/custom/calendar-has-event.gif) bottom right no-repeat !important;
					}
					#calendarTable .weekDayLastMonth
					{
						color:#777777;
					}
					
					#calendarTable .weekDayActiveMonth
					{
						color:#000;
					}
					
						#calendarTable .weekDayActiveMonth a
						{
							display:block;
							background:#00e0e3;
						}
					
					#calendarPagination
					{
						width:177px;
						clear:both;
					}
					
						#calendarPagination a
						{
							display:block;
							width:auto;
						}
					
						#calendarPagination #previousMonth
						{
							float:left;
						}
						
						#calendarPagination #nextMonth
						{
							float:right;
						}
						
						/* EVENT */
						#protectedSitesLogin .submit, #forgotPass .submit
						{ 
							margin: 11px 0 0 0; 
							text-indent: -9999px; 
							float: right; 
							height: 22px; 
							border: none; 
						}			
						.calendarEvent .back{ 
							margin: 20px 0 0 0;
							width: 82px; 
							height: 22px; 
							display: block; 
							text-indent: -9999px; 
							overflow: hidden; 
							background: url(../images/common/tillbaka-button.gif) no-repeat; 
						}
						.eventDay, .eventDate{ font-size: 2.6em; font-weight: bold; color: #363636; }
						.eventYear{  font-size: 2.6em; color: #363636; font-weight: normal; }
						.eventTimeWrapper{ display: block; font-size: 1.4em; }
		
				#calendarTableBig
				{
					background:#d9d9d9;
					width:686px;
					margin: 0 12px 0 12px;
					font-family:arial, helvetica, sans-serif;
				}
				#calendarBigHeader
				{
					width:686px;
					margin: 4px 12px 0 12px;
					font-family:arial, helvetica, sans-serif;
				}
				#calendarTableBig .event{
					background: url(../images/custom/calendar-event-bg.gif) repeat-x; 
					border: 1px solid #e4e4e4;
					padding: 10px;
					font-size:9px;
					font-weight:normal;
					width:77px;
					overflow:hidden;
					display: block;
					margin: 1px;
				}
					#calendarTableBig td.weekDayActiveMonthHasEvent, #calendarTableBig td.currrentHasEvents{
						width:97px;
						height:97px;
						padding: 0;
					}
					#calendarTableBig td.weekDayActiveMonthHasEvent a.dateHasEvents{
						padding: 10px;
					}
					
					#calendarTableBig td.currrentHasEvents a.dateHasEvents{
						background: url(../images/custom/calendar-big-current-day-has-event.gif) no-repeat; 
						margin: 1px;
						padding: 5px 0 5px 10px;
						color: #fff;
						font-weight: bold;
					}
					
				
					#calendarBigHeader th
					{
						padding:0;
						margin:0;
						width:97px;
						height:21px;
						text-align:center;
						color:#000;
						background: #fff;
					}
					
					
					#calendarTableBig td
					{
						text-align:left;
						vertical-align:top;
						width:77px;
						height:87px;
						font-weight:normal;
						background: #fff;
						padding: 10px;
					}			
					
						#calendarTableBig td a
						{
							display:block;
							width:54px;
							text-decoration:none;
							color:#000;
							line-height:1.7em;
							font-weight:bold;
						}
		
				
				#calendarTableWeek
				{
					width:100%;
					margin:0;
					padding:0;
		
				}
					#calendarTableWeek a
					{
						display:block;
						padding:5px 0 5px 0;
						margin:0 0 0 10px;
					}
				.calendarTimeStamp
				{
					width:90px;
					margin:0;
					padding:0;
					height:auto;
					text-align:center;
					padding:10px 0 10px 0;
				}
		
				#calendarEventContainer
				{
					width:351px;
					margin:0;
					padding:0;
				}
					#calendarEventContainer a
					{
						color: #a91e2b;
						text-decoration: underline;
					}
					#calendarEventContainer a:hover
					{
						color:#494949;
					}
			
				.calendarHr
				{
					float:right;
					width:351px;
					margin:0;
					padding:0;
					display:block;
				}
		
				.firstRow td
				{
					background:#f9f9fb;
					border: 1px solid #c4c4c4;
				}			
				
				.calendarBack
				{
					width:auto;
					display:block;
					float:left;
				}
				
				.calendarRegisteredBy
				{
					width:auto;
					display:block;
					float:right;
				}		
				
				.calendarH1
				{
					font-size: 1.2em;
				}
				
				#selectView
				{
					width:120px;
					float:right;
					margin:8px 0 0 0;
					font-size:11px;
				}
					
				.calendarHr2
				{
					clear:both;
					font-size:0;
					height:15px;
					background:url(../images/custom/horisontell-linje-stor.gif) no-repeat;
				}
				
				#currentMonth
				{
					text-decoration:none;
				}
				#currentMonth:hover
				{
					text-decoration:underline;
				}
				
			.calendarSeparator
			{
				padding:10px 0 0 0;
				display:block;
				width:181px;
				height:2px;
				font-size:0;
				clear:both;
				background:url(../images/common/horisontell-linje-liten-calendar.gif) bottom left no-repeat;
			}
			
			.eventContainer
			{
				margin:12px 0 0 0;
			}
		
			.eventContainer span
			{
				font-size:10px;
			}
			
			.eventContainer h3
			{
				font-size:12px;
				font-weight:bold;
				padding:7px 0 3px 0;
			}
			
			.eventContainer .readMore
			{
				text-align:right;
			}
			.donate
			{
				text-align: center;
				margin: 0 0 5px 0;
			}
				.donate strong
				{
					color: #ee3624;
				}
	
	/* POLL */

	#poll{
		float: left;
		margin: 10px 0 0 0;
	}
	#poll ul{
		list-style: none;
		margin:0 0 0 10px;
		padding:0 0 0 5px;
	}
	#poll li{
		width: 160px;
	}
	.col3SectionHeader{
		background: url(../images/common/poll-header.gif) no-repeat;
		display: block;
		width: 208px;
		height: 23px;
		color: #fff;
		font-weight: bold;
		font-size: 1.1em;
		padding: 8px 0 0 12px;
		margin: 0;
	}
	#pollContent{
		background:transparent url(../images/custom/col3-box-bg.gif) repeat-y scroll 0 0;
		border-bottom:1px solid #C4C4C4;
		padding: 10px 0;
	}
	#poll .radio{
		border: none;	
	}
	#poll .submit{ 
		text-indent: -9999px; 
		float: right; 
		width: 82px; 
		height: 22px; 
		border: none; 
		background: url(../images/common/poll-submit.gif) no-repeat; 
		overflow: hidden;
		margin: 0 10px;
	}
	
	/* RECOMMEND */

	#recommend{
		float: left;
		margin: 10px 0 0 0;
	}
	#recommend .inner{
		background:transparent url(../images/custom/col3-box-bg.gif) repeat-y scroll 0 0;
		border-bottom:1px solid #C4C4C4;
		padding: 10px 0;
		list-style: none;
		margin:0;
		padding:10px;
	}
	#recommend dl, #recommend dd{
		padding: 0;
		margin: 0;
	}
	#recommend h2{
		background: url(../images/common/poll-header.gif) no-repeat;
		display: block;
		width: 208px;
		height: 23px;
		color: #fff;
		font-weight: bold;
		font-size: 1.1em;
		padding: 8px 0 0 12px;
		margin: 0;
	}
	#poll .radio{
		border: none;	
	}
	#recommend .submit{ 
		text-indent: -9999px; 
		float: right; 
		width: 82px; 
		height: 22px; 
		border: none; 
		background: url(../images/common/poll-submit.gif) no-repeat; 
		overflow: hidden;
		margin: 5px 5px 0 5px;
	}
	#recommend label {
		color:#363636;
		display:block;
		font-weight:bold;
		margin:2px 0 0;
	}
	#recommend input {
		background:transparent url(../images/custom/login-input-bg.gif) no-repeat scroll 0 0;
		border:medium none;
		height:19px;
		width:198px;
	}
	
	/* REGISTER */
	
	.newsletterText{ color: #606060; font-size: .916em; display: block; margin: 5px 0 5px 0; }
	#siteRegister{ background: #fff; margin: 0 30px; width: 478px; } 
	label em {color: #ef3929; font-weight: bold;}
	#siteRegister .submit{
	 	background:url(../images/common/register.gif) no-repeat;
		float:right;
		height:22px;
		overflow:hidden;
		text-indent:-9999px;
		width:167px;
		cursor: pointer;
		border: 0;
	}
	#siteRegister .submit:hover
	{
		background-position: 0 -22px;
	}
	
	#SitePersonRegisterForm .left{ float:left; width: 234px; padding: 0 10px 0 0; overflow: hidden; display: inline;}
	#SitePersonRegisterForm .right{ float:left; width: 234px; overflow: hidden; display: inline;}
		#SitePersonRegisterForm .right .left{ width: 112px; padding: 0 10px 0 0; }
		#SitePersonRegisterForm .right .right{ width: 112px; }
	#SitePersonRegisterForm label{
		display: block;
		margin: 2px 0 2px 0;
		font-weight: bold;
		color: #606060;
	}
		#SitePersonRegisterForm .subscriptionType label
		{
			margin: 0 0 2px 5px;
		}
	#SitePersonRegisterForm label.mandatory{
		color: #363636 !important;
	}
	#SitePersonRegisterForm select{
	}
	#SitePersonRegisterForm input{ 

	}
	#SitePersonRegisterForm .checkBox
	{
		float: left;
		display: inline;
		padding: 0 !important;
	}
		.input234{
			width: 228px;
			height: 15px;
			padding: 0 !important;
		}
		.input100{
			width: 106px;
			height: 15px;
			padding: 0 !important;
		}
		.input112{
			width: 106px;
			height: 15px;
			padding: 0 !important;
		}
	#mandatory{ margin: 35px 0 0 0; }
	#mandatory em{ color: #ef3929; font-weight: bold; }
	#SiteCommunityProfileSearchSubmit{ margin: 20px 0 0 0; text-indent: -9999px; width: 61px; height: 22px; border: none; background: url(../images/custom/search-button.gif) no-repeat; float: right; overflow: hidden; }
	
	.subscriptionType{ list-style: none; padding: 0; margin: 0; clear: both;}
	.subscriptionType li input{ display: inline; }
	.subscriptionType li label{
		display: inline !important;
		margin: 4px 0 2px 0;
		font-weight: normal !important;
	}
	.msgLegend
	{
		display: none;
	}
	
	/* LIST WITH LATEST BLOGENTRIES */	
	
	#latestBlogList{ border: 1px solid #c4c4c4; background: #f9f9fa; margin: 10px 0 0 0; float: left;height: 358px;}
		#latestBlogList .headerTop{ float: left; width:218px; overflow: hidden; height: 29px; }
		
		#latestBlogList h2
		{
			padding: 6px 0 0 12px;
			margin: 1px 0 0 1px; 
			width: 170px; 
			height: 29px; 
			background: url(../images/custom/latest-blogentries-header.gif) repeat-x; 
			float: left; 
			font-size: 1.1em;
			color: white;
			font-weight: bold;
			display: inline;
		}				
		#latestBlogList .readMore{ 
			text-indent: -9999px; 
			margin: 1px 1px 0 0; 
			width: 34px; 
			height: 29px; 
			background: url(../images/custom/latest-blogentries-arrow.gif) no-repeat; 
			float: left; 
			overflow: hidden; 
		}

	.latestBlogEntry{ float: left; width: 198px; padding: 10px; background:url(../images/custom/register-top.gif) repeat-x left bottom; }
	.latestBlogEntry img{
		width: 32px;
	}		
	.latestBlogEntry .left{ float: left; padding: 0 10px 0 0; }
	.latestBlogEntry .right{ float: left; }
	.latestBlogEntry a{ 
		color:#21629e;
		font-weight:bold;
	}
	.latestBlogEntry .date{ 
		color:#363636;
		font-size:0.916em;
		padding: 3px 0 0 0;
	}
	
		
		
		/* MODAL BOX */
		#modal_overlay{ background: #000; }
		#bodyPopup{ background: none;}
		#bodyPopup h1{ color: #5ba425; margin: 30px 0 0 0;}
		.terms
		{
			float: none;
			clear: both;
			width: 456px;
			height: 70px;
			overflow-y: scroll;
			overflow-x: hidden;
			border: 1px solid #e2e3ea;
			padding: 10px;
			color: #363636 !important;
			font-size: 84%;
			margin: 0 0 10px 0;
			
		}
		.terms h2
		{
			font-size: 100%;
			text-transform: uppercase;
			color: #363636 !important;
			margin: 0 0 5px 0;
		}
		
		/* BLOG SEARCH */
		#BlogEntrySearchForm .left{ float: left; margin: 0 23px 0 0; }
		#BlogEntrySearchForm .middle{ float: left; margin: 0 10px 0 0; }
		#BlogEntrySearchForm .right{ float: right !Important; margin: 0; }
		#filterOptions, #filterLeft{ width: 468px; float: left; }
		#BlogEntrySearchForm .left input{
			background:url(../images/custom/login-input-bg.gif) no-repeat;
			border:none;
			height:19px;
			width:198px;
		}
		#BlogEntrySearchForm .middle input{
			background:url(../images/common/input-112.gif) no-repeat;
			border:none;
			height:19px;
			width:112px;
		}
		#BlogEntrySearchForm .right input{
			background:url(../images/common/input-112.gif) no-repeat;
			border:none;
			height:19px;
			width:112px;
		}
		#BlogEntrySearchForm label{
			display:block;
			margin:4px 0 2px;
		}
		
		#BlogEntrySearchForm .submit{
			background:url(../images/custom/search-button.gif) no-repeat;
			border:none;
			float:right;
			height:22px;
			margin:0;
			overflow:hidden;
			text-indent:-9999px;
			width:61px;
		}
		#filterRight ul {
			list-style: none;
			margin: 10px 0 0 0;
			float: left;
			padding: 0;
		}
		#filterRight li input {
			display:inline;
			padding: 0;
		}
		#filterRight li label {
			display:inline !important;
			font-weight:normal !important;
			margin: 0 !important;
		}
		
		#listAllBlogEntries{ float: left; width: 468px; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top:1px solid #C4C4C4; }
		#listAllBlogEntries .entry{ width: 468px; }
		#listAllBlogEntries .entry .inner{ width: 439px; border-left:6px solid #E6E6E6; padding:0 9px 0 9px; margin: 0 0 0 5px; }
		#listAllBlogEntries .entry h2{font-size: 1.3em; }
		#listAllBlogEntries .entry h2 a{ color:#0d4d89; font-size: .816em; font-weight: bold; }
		#listAllBlogEntries .entry .readMore{ color:#0d4d89; font-weight: bold; }
		
		.msgInfo
		{
			font-size: .94em;
			margin: 0;
			color: #508d24;
			border: 1px solid #78c242;
			background: #fdd9d6;
			padding: 2px;
			margin: 0 0 2px 0;
		}		
		.msgError
		{
			font-size: .94em;
			margin: 0;
			color: #ef3929;
			border: 1px solid #ffbbb5;
			background: #fdd9d6;
			padding: 2px;
			margin: 0 0 2px 0;
			clear: both;
		}
		
		#bodyPopup fieldset
		{
			margin: 0 30px;
		}
		
		#relatedItems
		{
			background: url(../images/common/related-body.gif) repeat-y;
			margin: 10px 0 0 0;
		}
		
		.relatedTop
		{
			background: url(../images/common/related-top.gif) no-repeat;
			width: 430px;
			height: 10px;
		}
		
		.relatedBottom
		{
			background: url(../images/common/related-bottom.gif) no-repeat;
			width: 430px;
			height: 10px;
		}
		#relatedItems dt, #relatedItems dd
		{
			margin: 0 0 5px 10px;
		}
		#relatedItems dt
		{
			font-weight: bold;
		}
		#newsletterSubscribe{
			margin:0 30px;
			width:478px;
		}
		#newsletterSubscribe h1{
			margin:30px 0 20px 0 !important;
		}		
		#newsletterSubscribe label{
			color:#606060;
			display:block;
			font-weight:bold;
			margin:2px 0;
		}
		#newsletterSubscribe .input
		{ 
			float: left; 
			margin: 3px 0 0 0;
		}
		#btnEmailSubscribeSubmit
		{ 
			text-indent: -9999px; 
			margin: 0 0 0 10px;
			float: left; 
			height: 22px; 
			border: none; 
			width: 93px;  
			background: url(../images/common/newsletter-register-button.gif) no-repeat; 
		}
		#calendarEventPage #eventContactPerson{ margin: 0 0 10px 0; }
		#eventContactPerson span{ font-weight: bold; }
		#eventContent h1{ font-size: 1.6em !important; margin:30px 0 0.5em; }