/*
	Current version: 1.0
	
	Site: First Reserve
	www: firstreserve.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
	Notes: This file contains the rules of custom element of the site.
	------------------------------------------------------------------

*/
.article{ font-size: .916em; padding: 17px 11px; clear: both; }
.article a{ color: #000; }
	.article .date{ color:#a7a7a7; font-weight: bold; margin: 0; }
	.news h3{ margin: 4px 0 2px 0 !important; }
	.article h3{ font-size: 1.1em; font-weight: bold;  margin: 7px 0 5px 0; }
	.article .header h2 a, .news .header h2 a{ color: #1c1c1c; }
.article p{ line-height: 1.2em; font-size: 1em; margin: 0; display:inline;}
#articlePage #position0 .article{ padding: 10px 0 !important; }
#position0 .article{ padding: 10px 30px; }
#aktuellt .article{ padding: 0 !important; }

#aktuellt{ background: url(../images/custom/aktuellt-bg.gif) repeat-y; margin: 10px 0 0 0; float: left; width: 600px;}
	#aktuellt .header{ width: 600px; height: 47px; background: url(../images/custom/aktuellt-top.gif) no-repeat; }
	#aktuellt .header h2{ float: left; font-size: 1.1em; font-weight: bold; padding: 18px 0 0 20px; margin: 0; }
	#aktuellt .viewAll{ background: url(../images/custom/aktuellt-view-all.gif) no-repeat; overflow: hidden; }
	#aktuellt .bottom{ background: url(../images/custom/aktuellt-bottom-bg.gif) repeat-y; height: 8px; float: left; width: 600px; }
	#aktuellt #entry1, #aktuellt #entry2{ width: 240px; float: left; }
		#aktuellt #entry1{ padding: 17px 49px 19px 21px; }
		#aktuellt #entry2{ padding: 17px 27px 19px 23px; }
	#aktuellt .viewAll{ margin: 17px 21px 0 0 !important; overflow: hidden; }

#personal{ background: url(../images/custom/personal-bg.gif) repeat-y; margin: 0 0 20px 0;}
	#personal .header{ background: url(../images/custom/personal-top.gif) no-repeat; }
	#personal .viewAll{ background: url(../images/custom/personal-view-all.gif) no-repeat; overflow: hidden; }
	#personal .bottom{ margin:-8px 0 0 0; background: url(../images/custom/personal-bottom-bg.gif) no-repeat; height: 8px; overflow: hidden; }
	#personal .article{ border-bottom: 1px solid #e2c059; }
	
#jobb{ background: url(../images/custom/jobb-bg.gif) repeat-y; margin: 0 0 20px 0; }
	#jobb .header{ background: url(../images/custom/jobb-top.gif) no-repeat; }
	#jobb .viewAll{ background: url(../images/custom/jobb-view-all.gif) no-repeat; overflow: hidden; }
	#jobb .bottom{ margin:-8px 0 0 0; background: url(../images/custom/jobb-bottom-bg.gif) no-repeat; height: 8px; overflow: hidden; }
	#jobb .article{ border-bottom: 1px solid #91be66; }

#personal .header, #jobb .header{ width: 340px; height: 30px; }
#personal .header h2{ float: left; font-size: 1em; font-weight: bold; padding: 8px 0 0 12px; margin: 0; }
#jobb .header h2{ float: left; font-size: 1em; font-weight: bold; padding: 8px 0 0 12px; margin: 0; }

#personal .viewAll, #jobb .viewAll, #aktuellt .viewAll{ 
	float: right; 
	text-indent: -9999px; 
	width: 66px;
	height: 19px;
	margin: 6px 11px 0 0;
	overflow: hidden;
}
#subMain{ float: left; clear: both; overflow: hidden; }
#subMain #leftCol{ width: 365px; margin: 0 40px 0 0; overflow: hidden; float: left; height: 100px; min-height:100px; height:auto !important;  }
#subMain #rightCol{ width: 155px; overflow: hidden; float: left; margin: 20px 0 0 0;}
#subMain #rightCol p{ line-height: 1.2em; }
#subMain #rightCol img{ margin: 0 0 20px 0; }

#related{ background: url(../images/common/related-bg.gif) repeat-y !important; margin: 20px 0 0 0; }
#related #top{ background: url(../images/common/related-top.gif) no-repeat left top !important; overflow: hidden; width: 155px !important; float: none !important; }
#related #bottom{ background: url(../images/common/related-bottom.gif) no-repeat left bottom !important; overflow: hidden; padding: 0 !important; width: 155px !important; float: none !important;}
#related dl{ margin: 0; padding: 10px; }
#related dt{ color: #272727; font-size: 1.2em; font-weight: bold; padding: 0 0 7px 0; }
#related dd{ padding: 0; margin: 0; padding: 0 0 11px 0; }
#related dd a{ color:#567537 !important; font-size: .916em; }

#subPage #articleMenu .first{ margin: 0 !important; }
#articleMenu{ float: left;  padding: 0 0 5px 0; margin: 0 0 10px 0; clear: both; overflow: hidden; }
	#subPage #articleMenu{ width: 364px; border-bottom: 1px solid #e9e8e8;margin: 0 30px 0 30px;display:inline;}
	#articlePage #articleMenu{ width: 560px; border-bottom: 1px solid #e9e8e8;}
#articleMenu .articleMenu{ 
	display: inline; 
	float: left; 
	padding: 0 10px 0 11px; 
	font-size: .916em; 
	color: #000;
	background:transparent url(../images/common/submenu-arrow.gif) no-repeat scroll left center;
	margin:0 0 0 5px;
}
.categoryPersonal{  }


/* CONTACT */

#contactEmail
{
	width: 375px !important;
	padding: 0 !important;
	margin: 0 !important;
}


.leftLast
{
	float: left;
}

#SendEmailForm
{
	width:375px;
}

#SendEmailForm label
{
	display:block;
	float:none;
	clear:both;
}


#contactEmail ul
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: 410px;
	list-style:none;
	list-style-type:none;
}
#contactEmail li
{
	padding: 0 !important;
	border: 0 !important;
}
#contactEmail input
{
	width: 140px;
	padding: 3px 0 0 4px;
	height: 19px;
	margin: 0 0 8px 0;
	border:1px solid #e9e8e8;
}

#contactEmail #subject
{
	width: 360px;
}

#contactEmail .left
{
	clear: left;
	float: left;
	width: 205px;
}
#contactEmail .right
{
	width: 190px;
	float: right;
	
}

#message
{
	width: 360px;
	height: 80px; 
	padding: 2px 0 0 4px;
	margin: 0 0 8px 0 !important;
	border:1px solid #e9e8e8;
	overflow:hidden;
}

		
.contactEmailSubmit
{
	float: right !important;
	clear: both;
	border: 0 !important;
	background: url(../images/common/skicka.gif) no-repeat;
	text-indent: -9999px;
	width: 66px !important;
	height: 19px;
	margin: 0 10px 0 0 !important;
	overflow: hidden;
}

#cellPhone
{
	border:1px solid #003366;
	width: 171px;
}

#email
{
	border:1px solid #003366;
	width: 171px;
}


/* PUBLISHING COMMENTS */

#comments {
	width: 564px;	
	clear: both;
	overflow: hidden;
	margin: 20px 0 0 0;
	border-top:1px solid #e9e8e8;
	float: left;
}
	#comments .kommentarer {
		background: url(../images/kommentarer.gif) no-repeat;
		display: block;
		width: 120px;
		height: 12px;
		text-indent: -9999px;
		margin: 0 0 5px 0;
	}
	#comments #read {
		float: left;
		width: 385px;
		margin: 0 20px 0 0;
	}
		.comment {
			border-bottom:1px solid #e9e8e8;
			width: 385px;
			padding: 10px 0 0 0;
			overflow: hidden;
		}
		#comments #read img {float: left; margin: 0 10px 10px 0;}
		#comments #read .date, #comments #read .author {
			font-size: 76%;
			text-transform: uppercase;
			display: block;
		}
		#comments #read .date {margin: 18px 0 0 0;}
		#comments #read .avatar {	width: 53px; height: 53px;}
		#comments p {display: block;clear:both;}
	
	#comments #write	{
		float: left;
		width: 155px;
		padding: 20px 0 0 0;
	}
		#comments #write input, #comments #write textarea {width: 150px;}
		#comments #write .btn {
			float: right !important;
			clear: both;
			border: 0 !important;
			background: url(../images/common/skicka.gif) no-repeat;
			text-indent: -9999px;
			width: 66px !important;
			height: 19px;
			margin: 10px 0 0 0 !important;
			overflow: hidden;
		}

.categoryJobb .viewAll, .categoryPersonal .viewAll, .categoryAktuellt .viewAll {
	float:right;
	height:19px;
	margin:6px 11px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
}
.categoryAktuellt .viewAll {
	background:url(../images/custom/aktuellt-arkiv.gif) no-repeat;
	overflow:hidden;
}
.categoryJobb .viewAll {
	background:url(../images/custom/jobb-arkiv.gif) no-repeat;
	overflow:hidden;
}
.categoryPersonal .viewAll {
	background:url(../images/custom/kandidat-arkiv.gif) no-repeat;
	overflow:hidden;
}
.pagination
{
	margin: 20px 0 0 0;
	padding: 0;
}
.pagination li
{

	margin: 0 10px;
	list-style: none;
	display: inline;
}
.paginationPrevious
{
	margin: 0 10px 0 0 !important;
}
.paginationNext
{
	margin: 0 0 0 10px !important;
}


.article .readMore
{
	font-weight: bold !important;
	font-size: 1.2em !important;
}
/* Advanced form */

.advForm label
{
	display:block;
}

.mandatory{color:red;}

.advFormLeft, .advFormRight, .advFormFull
{
	margin:0 0 10px 0;
}

.radioValue, .checkboxValue{margin-right:20px;}

.advFormLeft
{
	float:left;
	display:inline;
	width:170px;
	margin:0 20px 10px 0;
}

	.advFormLeft .text, .advFormRight .text
	{
		width:170px;
	}

.advFormRight
{
	float:left;
	display:inline;
	width:170px;
}

.advFormFull
{
	clear:both;
	float:none;
}

	.advFormFull .select
	{
		width:100%;
	}
	
	
	
	.advFormFull .textarea, .advFormFull .text
	{
		width:98%;
	}
	
.submitContainer
{
	clear:both;
	float:none;
	text-align:right;
}

option.odd{background:#eeeeee}
option.even{background:silver}
.option4{background:red !important;}