/*
	Current version: 1.0
	
	Site: Hela Människan
	www: helamanniskan.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;}

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

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

a{color: #424242; 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
{
	height: 72px;
	overflow: hidden;
	border-bottom: 4px solid #e33a2e;
	float: none;
	clear: both;
}
	#logotype
	{
		background: url(../images/common/sprites.gif) no-repeat;
		display: inline;
		width: 207px;
		height: 43px;
		overflow: hidden;
		text-indent: -999%;
		margin: 20px 0 0 20px;
		float: left;
	}
	
	#extra
	{
		float: right;
		display: inline;
		width: 126px;
		font-size: 85%;
		margin: 20px 0 0 0;
	}
		#extra a
		{
			text-decoration: none;
		}
		#extra #intranet
		{
			border-right: 1px solid #d4d4d4;
			padding: 0 11px 0 0;
			margin: 0 7px 0 4px;
		}
		#extra #search
		{
			background: url(../images/common/sprites.gif) left -485px no-repeat;
			width: 116px;
			height: 21px;
			margin: 10px 0 0 0;
		}
			#extra #search input
			{
				background: none;
				border: none;
			}
			#extra #search label
			{
				display: none;
			}
			#extra #search #searchString
			{
				height: 21px;
				width: 89px;
				float: left;
				padding: 4px 0 0 0;
				margin: 0 4px 0 4px;
				display: inline;
			}
			#extra #search .submit
			{
				height: 21px;
				width: 19px;
				cursor: pointer;
				text-indent: -999%;
				margin: 0;
				display: inline;
				float: left;
				background: url(../images/common/sprites.gif) 0 -526px no-repeat;
			}
			
			#navContent
	{
		width: 473px;
		float: left;
		display: inline;
		margin: 40px 0 0 6px;
	}
		#navList
		{
			position: relative;
			width: 473px;
			float: left;
			display: inline;
		}
		#navList li
		{
			float: left;
			display: inline;
			margin: 0 20px 0 0;
			font-weight: bold;
		}
			#navList li a
			{
				color: #444;
				text-decoration: none;
			}
				#navList a:hover
				{
					color: #e33a2e;
				}
				#menuItem0_4 a
				{
					position: absolute;
					top: -20px;
					height: 20px;
					width: 50px;
					display: block;
					float: left;
					padding: 20px 60px 0 0;
					
				}
				#menuItem0_4 a:hover
				{
					background: url(../images/common/sprites.gif) 7px -577px no-repeat;
				}
				#menuItem0_5 a
				{
					float: left;
					position: absolute;
					display: block;
					left: 398px;
					top: -20px;
					height: 20px;
					padding: 20px 0 0 0;
				}
				.navItemContentSelected a, .leftMenuSelected
				{
					color: #e33a2e !important;
				}
	
	
	#content{
		width: 940px;
		float: left;
		overflow: hidden;
	}
		#startPage #col1, #startPage #col2{
			width: 220px;
			margin: 20px auto 0 auto;
			overflow: hidden;
		}
		
		#subPage #col1{
			width: 208px;
			float: left;
			margin: 3px 10px 0 0;
		}
		
		#subPage #col2{
			width: 468px;
			float: left;
			margin: 3px 10px 0 0;
			padding: 11px 12px;
			min-height:405px;
			height:auto !important;
			height:405px;
		}
		
		#blogListPage #col2, #articleListPage #col2{
			padding: 10px;
			width: 472px;
		}
		
		
	#footer{
		width: 940px;
		height: 90px;
		margin: 30px 0 0 0;
		float: left;
		font-size: 1.1em; 
		color: #444444;
		border-top: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
	}
		#footer .left{ float: left; padding: 20px 40px 20px 20px; }
		#footer .left strong{ color: #000; }
		#footer .middle{ float: left; padding: 20px 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:#444444; 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; }

		.clearFix
		{
			clear: both;
			float: none;
		}
		
		#col3{
			width: 220px;
			float: left;
			overflow: hidden;
		}
		

		
		/* COMMUNITY LOGIN */
		
			#login{ float: left; }
			#loginTop {
				background:transparent url(../images/custom/login-header-bg.gif) no-repeat scroll 0 0;
				float:left;
				height:25px;
				width:220px;
			}
			#loginBottom {
				background:transparent url(../images/custom/col3-box-bottom.gif) no-repeat scroll 0 0;
				float:left;
				height:16px;
				width:220px;
			}
				#login #protectedSitesLogin, #login #forgotPass{ padding: 10px 20px; width: 176px; }
				#forgotPasswordErrors{ display: block; color: red; }
				#protectedSitesLogin a, #login #forgotPass a{ color:#444444; 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; 
					width: 220px;
				}
				#login h2{
					color: #000;
					font-weight: bold;
					font-size: 1.1em;
					padding: 10px 20px 0 20px;
					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; 
					height: 100px; 
					overflow: hidden; 
					color: #363636; 
				}
				#login input{ 
					width: 178px; 
					height: 19px; 
					border: none; 
					background: url(../images/custom/login-input-bg.gif) no-repeat; 
				}
				#login #register{ 
					border-top:1px solid #C3AE8D; 
					margin: 0 20px; 
					padding: 10px 0; 
					width: 178px;
				}				
				#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: 72px; 
					height: 18px; 
					border: none; 
					background: url(../images/custom/register-button.gif) no-repeat; 
					overflow: hidden;
				}
				
	/* REGISTER */
	
	#siteRegister{
		height: 390px;
	 	overflow: hidden;
	}
	.newsletterText{ color: #606060; font-size: .916em; display: block; margin: 5px 0 5px 0; }
	#siteRegister{ background: #fff; margin: 0 30px;overflow: hidden; width: 478px; height:400px } 
	label em {color: #ef3929; font-weight: bold;}
	#siteRegister .submit{
	 	background:url(../images/common/register.gif) no-repeat;
		float:right;
		height:17px;
		overflow:hidden;
		text-indent:-9999px;
		width:155px;
		cursor: pointer;
		border: 0;
	}
	
	#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;
		}
	
	#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{ width: 10px !important; display: inline; }
	.subscriptionType li label{
		display: inline !important;
		margin: 4px 0 2px 0;
		font-weight: normal !important;

	}

	
		
		
		/* MODAL BOX */
		
		#modal_overlay{ background: #000; }
		#bodyPopup{ background: #fff; }
		#bodyPopup .close{ text-indent: -9999px; width: 17px; height: 17px; float: right; overflow: hidden; background: url(../images/common/icon-close.gif) no-repeat; display: block; margin: 4px 5px 0 0;}
		#bodyPopup h1{ color: #e33a2e; }
		#popupInner{ background: #fff; padding: 0 30px 10px 30px; }
		#popupTop{ width: 538px; height: 26px; /* background: url(../images/common/popup-top.gif) no-repeat; */ }
		#popupBottom{ width: 538px; height: 17px; /* background: url(../images/common/popup-bottom.gif) no-repeat; */ } 
		
		.msgLegend {display: none;}
		.msgError
		{
			font-size: .94em;
			margin: 0;
			color: #ef3929;
			border: 1px solid #ffbbb5;
			background: #fdd9d6;
			padding: 2px;
			margin: 0 2px 2px 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;
		}
		
		
		#calendarEventPage #eventContactPerson{ margin: 0 0 10px 0; }
		#eventContactPerson span{ font-weight: bold; }
		#eventContent h1{ font-size: 1.6em !important; margin:30px 0 0.5em; }

		.msgLegend {display: none;}
		.msgInfo
		{
			font-size: .94em;
			margin: 0;
			color: #508d24;
			border: 1px solid #78c242;
			background: #fdd9d6;
			padding: 2px;
			margin: 0 0 2px 0;
		}	
		.msgWarning
		{
			font-size: .94em;
			margin: 0;
			color: #cd7d00;
			border: 1px solid #ff9c00;
			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 2px 2px 0;
			clear: both;
		}