/*
	Current version: 1.0
	
	Site: HR-Portalen
	www: hrportalen.se
	Author: Robert Hedman, robert.hedman@atrox.se	
*/

#IE6
{
	display:none;
}


#startPage 
{
	background: url("../images/common/bottom_bg.jpg") no-repeat scroll center bottom #FFFFFF;
	margin-bottom: -20px;
	padding-bottom: 0;
}

#headerWrapper 
{
  background: none repeat scroll 0 0 #EAEFF3;
  height: 156px;
  overflow: hidden;
}

#header
{
	height:111px;
	overflow:hidden;
	width:980px;
	overflow:hidden;
	margin:0 auto;
}

	#logotype
	{
		width:283px;
		height:111px;
		display:block;
		float:left;
		background:url(../images/common/hr-portalen-logotype.gif) no-repeat;
		text-indent:-9999px;
	}
	
	#loginLink
	{
		width:90px;
		height:25px;
		float:right;
		text-indent:-9999px;
		background:url(../images/common/btn-login.gif) no-repeat;
		margin:57px 20px 0 0;
	}


#outerWrapper
{
	width:980px;
	margin:0 auto;
	position:relative;
	z-index: 3;
	top: -160px;
}
	#outerWrapper #bottom
	{
		background: url("../images/common/bottom-bg.gif") no-repeat scroll 0 0 #FFFFFF;
		height: 20px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width: 980px;
	}

#wrapper 
{
  background: url("../images/common/top-bg.gif") no-repeat scroll 0 0 #FFFFFF;
  height:auto;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 980px;
}

		
	#register
	{
		width:300px;
		height:240px;
		overflow:hidden;
		position:absolute;
		top:20px;
		right:20px;
	}	

#content
{
	width:940px;
	float:left;
	margin:280px 0 0 20px;
}

#content .content_left
{
	width: 620px;
	float:left;
}

#content .content_right
{
	width: 300px;
	float:right;
}
	#content .content_right .pos
	{
		margin-bottom: 20px;
	}

#tourPage
{
	background:#eaeff3 url(../images/common/body-bg.gif) repeat-x;
}

#tourPage #wrapper
{
	height: 453px;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px
}

#tourPage #footerWrapper{margin-top:20px;}


#tourPage #content
{
	width:300px;
	float:right;
	margin: 260px 20px 0 0;
}
	.pos
	{
		width:300px;
		height:153px;
		overflow:hidden;
		float:left;
		margin:0 20px 0 0;
		background: url(../images/common/sprite_boxes.jpg) 0 -153px no-repeat;
		position:relative;
	}
	
		.first p{margin:60px 0 0 12px;width:120px}
		.middle p{margin:60px 0 0 110px;width:165px}
		.last p{color:#606060;font-size:11px;margin:13px 12px 0 12px;}
	
		.last{margin-right:0;float:right;background: url(../images/common/blue-box.gif) no-repeat;color:#606060;font-size:11px;}
		.middle{background-position:0 0;}
		
		#linkedin
		{
			background:url(../images/common/icon-linkedin.gif) no-repeat;
			padding:0 0 0 20px;
			color:#076799;
			font-weight:bold;
			position:absolute;
			left:14px;
			bottom:12px;
			line-height:16px;
		}
	
#footerWrapper
{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -130px;
	margin-bottom: 40px;
	color:#353535;
	font-size:11px;
}
	
	#footerLogo
	{
		background:url(../images/common/consultatum-logo-small.gif) no-repeat;
		text-indent:-9999px;
		display:block;
		width:103px;
		height:26px;
		float:left;
		margin:2px 30px 0 0;
	}
	
	#footer
	{
		float:left;
		width:780px;
		text-align:justify;
	}
	
		#footer p{display:inline-block;float:left;width:auto;margin:8px 15px 0 0}
		#footer a{color:#353535;}
		#credit{width:auto;float:right;margin:8px 0 0 0;}
		#credit, #credit a{color:#9f9f9f;}


/* RANDOM BOX */		
		
#randomBox
{
	position: relative;
	float:left;
	width: 300px;
	height: 153px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	background: url("../images/common/random_box.jpg") 0 0 no-repeat;
}

	#randomBox p
	{
		color: #e7500f;
		font-size: 16px;
		text-align:center;
		position: relative;
		margin: 65px auto 0;
		width: 210px;
		vertical-align:middle;
	}

#randomHidden
{
	display: none;
}
		
/* ACCORDION */

.accordionMask
{
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	background:#fff;
	position:absolute; 
	z-index:999;
}

	#mask01{top:20px;left:20px;}
	#mask02{top:20px;left:639px;}
	#mask03{top:259px;left:20px;}
	#mask04{top:259px;left:639px;}

#accordionContainer
{
	width:620px;
	height:240px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:20px;
	line-height:0;
	font-size:0;
}

.accordion {
	height:240px;
	overflow:hidden;
	white-space:nowrap;
	width:622px; /* image with + handlers width */
}

.set {
	display:block;
	height:240px;
	white-space:nowrap; 
	width:530px;
	overflow:hidden;
	float:left;
}

.set img {
}

.accordion .set a {
	background:url("../images/common/sprite_accordion.png") no-repeat;
	display:inline-block;
	height:240px;
	width:30px;
	overflow:hidden;
}

.set a.slide0 {
	background-position:0 0;
}

.set a.slide0:hover, .set a.slide0.active {
	background-position:0 100%;
}

.set a.slide1 {
	background-position:-30px 0;
}

.set a.slide1:hover, .set a.slide1.active {
	background-position:-30px 100%;
}

.set a.slide2 {
	background-position:-60px 0px;
}

.set a.slide2:hover, .set a.slide2.active {
	background-position:-60px 100%;
}

.set a.slide3 {
	background-position:-90px 0px;
}
.set a.slide3:hover, .set a.slide3.active {
	background-position:-90px 100%;
}

/* ADVANCED FORM */
.advForm
{
	margin:17px 20px 20px;
}

	#login .advForm .text 
	{
		width:253px;
		height:18px;
		padding:3px;
	}
	
	.advForm input{margin:0 0 10px 0;}
	#login label{display:block;text-indent:-9999px;width:50px;height:15px;background:url(../images/common/login-labels.png) no-repeat;}
	.fields0 label{}
	.fields1 label{background-position:0 -15px !important;}
	.fields2 label {display: none !important;}
	.advForm .submit{letter-spacing:-100px;color:#f8d32c;cursor:pointer;float:right;margin-right:-2px;margin-top: 5px;font-size:0;border:0;padding:0;width:79px;height:30px;background:url(../images/common/btn-register.gif) no-repeat;}
	
	#loginMessage
	{
		width:300px;
		height:314px;
		position:absolute; 
		font-size:11px;
		top:57px;
		right:20px;
		z-index:9999;
		display:none;
		background:url(../images/common/login-bg.gif) no-repeat;
	}
	
	.errorFieldset
	{
		width:310px;
		height:90px;
		position:absolute; 
		font-size:11px;
		top:35px;
		right:10px;
		z-index:9999;
		background:url(../images/common/bubbles.gif) no-repeat; 
	}
	
	
	.errorFieldset p{margin:10px;font-size:12px;font-weight:bold;}
		#loginMessage p{color:#274d84;margin:10px;font-size:14px;font-weight:bold;}
	.errorFieldset{background-position:0 -90px !important;height:100px;} 
	
	.errorFieldset p{margin:10px 10px 0 10px;}
	.msgLegend{display:none;}
	.msgError{color:red;font-weight:bold;}
	.msgInfo{color:green;font-weight:bold;}
	
	.clearFix{clear:both;float:none;height:0;font-size:0;line-height:0;} 
	
/* REGISTER FORM */

#SitePersonUpdateForm
{
	width:380px;
	overflow:hidden;
	font-size:12px;
}

	#SitePersonUpdateForm label{font-size:11px;}

#SitePersonUpdateForm .left
{
	width:170px;
	float:left;
	overflow:hidden;
}

#SitePersonUpdateForm .right
{
	width:170px;
	float:right;
	overflow:hidden;
}

#SitePersonUpdateForm .wide
{
	width:380px;
	float:left;
}

	#SitePersonUpdateForm .wide p{font-size:11px;line-height:1;padding:0;margin:0;}


#SitePersonUpdateForm .right input
{
	float:right;
}

#SitePersonUpdateForm input 
{
	width:92%;
	padding:5px;
	margin-bottom:5px;
}

#SitePersonUpdateForm textarea
{
	height:100px;
}

#SitePersonUpdateForm select
{
	margin-bottom:5px;
	width:96%; 
	padding:5px;
}

#SitePersonUpdateForm #confirm{width:auto !important;margin-left:10px;}

#SitePersonUpdateForm .submit{width:auto !important;float:right;}

#agreement
{
	background:#f9fafb;
	border:1px solid #cad5dd;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:10px 0;
	padding:10px;
	height:150px;
	overflow:auto;
	font-size:10px;
}

#bodyPopup .errorFieldset
{
	width:360px;
	background-image:none;
	position:static;
	background:#f9fafb;
	border:1px solid #cad5dd;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:0 0 10px 0;
	padding:10px;
}

.radio
{
	width:auto !important;
	height:auto !important;
	float:left;
	margin:0 5px 0 10px;
	outline:0;
	width:12px;
	height:12px;
	line-height:2;
}

/* MODAL BOX */

.modal {
	background-color:#3b4e6a;
	height:100%;
	left:0;
	opacity:0.6;
	position:absolute;
	top:0;
	width:100%;
}

.modal
{
	z-index:998;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height:100%;
	position:fixed;
	width:100%;
}

.modalForm{z-index:999;}

.modalForm .box
{
	position:absolute;
	top:20px !important;
	left:50%;
	width:420px;
	overflow:hidden;
	z-index:999;
	margin-bottom:20px;
}

	.modalForm .box h1{margin:0 0 20px 0;}
	.modalForm .box .errorFieldset
	{
		background-image:none;
		height:auto !important;
		position:static;
		background:#f9fafb;
		border:1px solid #cad5dd;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;	
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin:0 0 20px 0;
		padding:10px;
		width:367px;
	}

.modalForm .form
{
	padding:15px 15px 5px 15px;
	background:url(../images/common/modal-top.png) no-repeat;
	float:left;
	margin:0;
	width:390px;
}

.forumFooter
{
	background:url(../images/common/modal-bottom.png) no-repeat;
	height:30px;
	width:420px;
	float:left;
	margin:0;
}

/* LOGIN */

#loginForm
{
	margin:100px 0 0 20px;	
	width:257px;
}

#loginForm legend
{
	display:none;
}

#loginForm label
{
	display:block;
	height:15px;
	text-indent:-9999px;
	margin:0 0 2px 2px;
}

	#usrName
	{
		background:url(../images/common/label-usrname.gif) no-repeat;
	}
	
	#usrPwd
	{
		background:url(../images/common/label-pwd.gif) no-repeat;
	}
	
	.forgotPwdLink
	{
		margin-top:10px;
		float:left;
	}

#loginForm  #submit, #loginForm  #forgotPwdSubmit
{
	width:79px;
	height:30px;
	border:0;
	float:right;
	background:url(../images/common/btn-login-submit.gif);
	font-size:0;
	letter-spacing:-100px;
	color:#f7d12a;
	cursor:pointer;
}

#loginForm input
{
	width:248px;
	padding:5px;
	margin: 0 0 5px 0;
}

#loginForm a
{
	color:#2d2d2d;
	font-size:12px;
}

#loginForm strong
{
	font-size:12px;
}

#loginForm  #forgotPwdSubmit
{
	background:url(../images/common/btn-login-forgot.gif);
}

#forgotPasswordErrors, #forgotPasswordMessages, #loginForm .msgError
{
	font-size:12px;
	font-weight:bold;
	color:red;
	margin:10px 0;
	float:left;
}

#forgotPasswordMessages
{
	color:green !important;
}

/* NEWSFEED START PAGE */

#articleHeader
{
	width: 620px;
	position:relative;
	background:url("../images/common/article_header.jpg") 0 0 no-repeat;
	height: 41px;
	margin: 0px;
}

#articleWrapper 
{
	padding: 0 0 30px 10px;
	position: relative;
	width: 610px;
}

#articleWrapper .article
{
	border-bottom: solid 1px #e3e3e3;
	padding: 20px 0 30px 0;
}

#articleWrapper .article .left
{
	width: 90px;
	float:left;
}

#articleWrapper .article .left .defaultImg img
{
	border: solid 1px #e3e3e3;
	padding: 1px;
}

#articleWrapper .article .right
{
	width: 520px;
	float:right;
	clear:right;
}
	#articleWrapper .article .right .articleImg
	{
		width: 140px;
		height: 95px;
		padding-right: 15px;
		float: left;
	}

	#articleWrapper .article .right h4
	{
		font-size: 14px;
		font-weight: bold;
		color: #e7500f;
		margin: 5px 0px 0px 0px;
	}
	
	#articleWrapper .article .right .date
	{
		font-size: 12px;
		color: #757575;
		padding: 5px 0 10px 0;
	}
	
	#articleWrapper .article .right .text
	{
		font-size: 12px;
	}
	
	#articleWrapper .article .right .login
	{
		font-size: 12px;
		font-weight: bold;
		color: #e7500f;
	}