/* =====================================================
Imported style sheets
===================================================== */
@import url(templates.css); /* Templates style */
/* =====================================================
Table of content
========================================================
1.	Global
2.	Structure
3.	Header
4.	Menu
5.	Main content
6.	News
7.	Campaign
8.	Footer
9.	Search
10.	Personnel
11.	Sitemap
12.	Slideshow
13.	Poll

/* =====================================================
1.	Global
===================================================== */
html {
	height:				100%;
	margin-bottom:		1px;
}
body {
	font-family:		"Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
	font-size:			70%;
	margin:				0;
	padding:			0;
	background:			#e1ded4;
}
.clear {
	clear:				both;
}
.clFloatAndAlignRight {
	text-align:			right;
	float:				right;
}
.clFloatLeft {
	float:				left;
}
/* =====================================================
2.	Structure
===================================================== */
#iSuperWrapperStart {
	margin:				20px auto 0;
	width:				955px;
	background:			url(../i/bg-t1.gif) #fff center repeat-y;
}
#iSuperWrapperNormal {
	margin:				20px auto 0;
	width:				955px;
	background:			url(../i/bg-t2.gif) #fff center repeat-y;
}
#iSuperWrapper {
	margin:				25px auto 0;
	width:				955px;
	background:			url(../i/bg.gif) #fff center repeat-y;
}
#iBreadcrumbReplacer {
	height:				15px;
}
#iBanner {
	width:				140px;
	overflow:			hidden;
	float:				left;
	margin:				0 0 1em 13px;
}
#iMenuColumn {
	float:				left;
	overflow:			hidden;
	width:				170px;
}
#iContentWrapper {
	float:				left;
	padding:			0 19px 19px 19px;
	border-left:		1px solid #999;
}
#iT2 {
	float:				left;
	margin-left:		20px;
	width:				396px;
	margin-right:		8px;
}
#iT3 {
	float:				left;
	margin-left:		20px;
	width:				765px;
	margin-right:		0px;
}
.clWrapperBottom {
	margin:				auto;
	width:				955px;
	height:				6px;
	clear:				left;
	background:			url(../i/bg-bottom.gif) no-repeat;
}
#iFooter {
	background:			url(../i/footer.gif) top no-repeat #737373;
	height:				auto !important;
	height:				53px;
	min-height:			53px;
	margin:				0 auto;
	width:				955px;
	color:				#fff;
}
/* =====================================================
3.	Header
===================================================== */
#iHeader {
	background:			url(../i/header.gif) no-repeat top #bccc29;
	height:				72px;
	width:				946px;
	border-left:		1px solid #919127;
	border-right:		1px solid #919127;
}
#iHeaderImage {
	float:				left;
}
#iHeaderImage a {
	background:			transparent;
}
#iHeaderImage img {
	border:				0;
	margin-left:		216px;
}
#iHeaderLinks {
	width:				100%;
	background:			#e1ded4;
}
#iHeaderLinks ul {
	list-style:			none;
	text-align:			right;
	margin:				0;
	padding:			0 0 5px 0;
}
#iHeaderLinks ul li {
	display:			inline;
	margin:				0;
	padding:			0;
}
#iHeaderLinks ul li a {
	border-left:		1px solid #666;
	padding:			0 7px 0 10px;
	color:				#666;
}
#iHeaderLinks ul li a:hover,
#iHeaderLinks ul li a:focus {
	background:			#666;
	color:				#fff;
}
#iHeaderLinks ul li a.clFirstItem {
	border-left:		0;
}
/* =====================================================
x.	Breadcrumbs
===================================================== */
#iBreadcrumbs {
	padding:			2px 0 2px 150px;
	background:			#fff;
	color:				#999;
}
#iBreadcrumbs a:link,
#iBreadcrumbs a:visited,
#iBreadcrumbs a:active {
	color:				#999;
	font-weight:		normal;
}
#iBreadcrumbs a:hover,
#iBreadcrumbs a:focus {
	background:			transparent;
	text-decoration:	underline;
}
/* =====================================================
5.	Main content
===================================================== */
#iContentWrapper a:link,
#iContentWrapper a:visited,
#iContentWrapper a:focus {
	color:				#485ea2;
	text-decoration:	underline;
}
#iContentWrapper a:hover {
	background:			#485ea2;
	color:				#fff;
}
.clContentMain h1 {
	font-size:			155%;
	margin:				0;
}
.clContentMain h2 {
	font-size:			150%;
	margin:				0;
}
.clContentMain h3 {
	font-size:			140%;
	margin:				0;
}
.clContentMain h4 {
	font-size:			120%;
	margin:				0;
}
.clContentMain h5 {
	font-size:			110%;
	margin:				0;
}
.clContentMain h6 {
	font-size:			100%;
	margin:				0;
}
.clContentMain select,
.clContentMain input {
	font-size:			100%;
}
.clContentMain textarea {
	font-size:			medium;
}
.clContentMain caption {
	font-style:			italic;
}
.clContentMain th {
	text-align:			left;
}
.clContentMain dt {
	font-weight:		bold;
}
.clContentMain acronym {
	cursor:				help;
	background:			#eee;
}
.clContentMain .clExtraLink {
	padding-bottom:		5px;
}

.compcal tr, .compcal td, .compcal th
{
    border: solid 1px #FFFFFF;
    padding: 1px;
}

.compcal .altercolor
{
    background-color: #CCCCCC;
}

.compcal .altercolor tr, .compcal .altercolor td, .compcal .altercolor th
{
    border: solid 1px #CCCCCC;
    padding: 1px;
}

.expandedpanel .altercolor tr, .expandedpanel .altercolor td, .expandedpanel .altercolor th
{
    border: solid 1px #FFFFFF;
}

.expandedpanel 
{
    background-color: #EFEFEF;
}

.regionalMotivation textarea
{
    font-size: small;
}

#busyDiv
{
    display:none;
    clear:both;
    background-position: center center;
    background-image: url(i/bigrotation2.gif);
    width: 785px;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    background-color: #DCDCDC;
    margin-left:-0.8em;
    opacity:0.7;
    filter:alpha(opacity=70);
}

.smallinfotext {font-size:9px}

.spareteam {font-style:italic; background-color:#DDDDDD;}
.team {font-weight:bolder;}

/* =====================================================
6.	News
===================================================== */
#iStartPageNews {
	width:				350px;
	float:				left;
	overflow:			hidden;
}
#iStartPageNews h1 {
	position:			absolute;
	left:				-9999px;
}
.clMainnewsEntries {
	margin-bottom:		3em;
}
.clMainnewsEntries h2 {
	margin-bottom:		1em;
}
#iLinknewsEntries small {
	font-size:			100%;
	font-weight:		bold;
	padding-right:		10px;
}
#iLinknewsEntries p {
	margin:				0 0 5px 0;
}
#iLinknewsEntries p a:link,
#iLinknewsEntries p a:active,
#iLinknewsEntries p a:visited {
	text-decoration:	none;
}
.clArchiveLink {
	margin-right:		10px;
	padding-bottom:		10px;
	text-align:			right;
}
#iArchiveNewsTable div small {
	font-size:			100%;
}
#iArchiveNewsTable p {
	margin:				0 0 15px 0;
}
#iArchiveNewsTable div table tr td p a:link,
#iArchiveNewsTable div table tr td p a:active
#iArchiveNewsTable div table tr td p a:visited {
	text-decoration:	none;
}
/* =====================================================
4.	Navigation
===================================================== */
#iTopNav {
	background:			url(../i/menu-bg.gif) #868686 bottom repeat-x;
	height:				auto !important;
	height:				35px;
	min-height:			35px;
	margin:				0 8px 0 0;
	border-left:		1px solid #999;
}
#iTopNav ul {
	float:				left;
	list-style:			none;
	margin:				2px 0 0 0 !important;
	margin:				3px 0 0 0;
	padding:			0;
}
#iTopNav ul li {
	margin-top:			2px;
	padding:			2px 10px;
	display:			inline;
	border-right:		1px solid #666;
}
#iTopNav ul li a
{
    color: #ffffff;
    text-decoration: none;
}
#iTopNav ul li a:hover,
#iTopNav ul li a:focus {
	background:			transparent;
	text-decoration:	underline;
}
#iTopNav ul li a.clSelected {
	color:				#e2f62e;
}
#iMenuColumn {
	float:				left;
	width:				130px;
	min-height:			1px;
}
#iMenuColumn h2 {
	position:			absolute;
	left:				-9999px;
}
#iMenu h3 {
	font-size:			120%;
	color:				#000;
}
#iMenu tr a:link,
#iMenu tr a:visited,
#iMenu tr a:focus {
	color:				#3F3F3F;
	text-decoration:	none;
}
#iMenu tr a:hover {
	text-decoration:	underline;
	background:			#3F3F3F;
	color:				#fff;
}
#iMenu tr {
	padding:			4px 0;
	border-bottom:		1px solid #ddd;
}

#iMenu td {
	padding:			1px 0;
}
.IE8Fix {z-index: 100;}

/* =====================================================
7.	Campaigns
===================================================== */
#iCampaignListing {
	float:				left;
	width:				180px;
	overflow:			hidden;
	margin:				0 10px 0 13px;
}
#iCampaignListing h2 {
	background:			url(../i/separator-grey.gif) no-repeat top;
	text-align:			right;
	color:				#fff;
	font-size:			100%;
	padding:			3px 6px 2px 6px;
}
#iStartCampaignListing {
	float:				left;
	width:				178px;
	overflow:			hidden;
	margin:				0 10px 0 16px;
}
.clStartCampaign {
	padding:			0 0 1em 0;
	/*border-bottom:		1px solid #e5e5e5;*/
}
.clStartCampaign h2 {
	background:			url(../i/separator-green.gif) no-repeat top;
	text-align:			right;
	color:				#fff;
	font-size:			100%;
	padding:			3px 6px 2px 6px;
}
#iCampaignListing .clBannerHeader {
	background:			#fff;
	padding:			0;
	text-align:			left;
}
/* =====================================================
8.	Footer
===================================================== */
#iFooter {
	font-size:			95%;
}
#iFooter a:link,
#iFooter a:visited,
#iFooter a:focus {
	color:				#fff;
	font-weight:		bold;
}
#iFooter a:hover,
#iFooter a:focus {
	background:			#fff;
	color:				#737373;
}
#iFooter p {
	margin:				0;
	padding:			0;
}
#iFooterContactLeft {
	float:				left;
	width:				200px;
	padding:			10px 20px;
}
#iFooterContactMiddle {
	float:				left;
	width:				200px;
	padding:			10px 10px;
}
#iFooterContactRight {
	float:				left;
	width:				250px;
	padding:			10px 10px;
}
#iFooterContactLogo {
	float:				right;
	padding-right:		15px;
	padding-top:		4px;
}
#iN3 {
	margin:				0 auto;
	width:				950px;
	padding:			0;
	text-align:			right;
}
#iN3 img {
	border:				0;
}
/* =====================================================
9.	Search
===================================================== */
#iSearchForm {
	float:				right;
	padding:			0;
	padding-right:		10px;
	margin:				0;
}
#iSearch {
	margin:				0;
	padding:			0;
}
#iSearch input {
	margin-top:			2px !important;
	margin-top:			0;
	font-size:			100%;
}
#iT3 #iSearchResultList li {
	padding:			2px 0;
}
#iSearchFormAdvanced h2 {
	font-size:			120%;
	margin:				0.5em 0;
}
#iSearchFormAdvanced form {
	margin:				0;
	padding-left:		5px;
}
#iSearchFormAdvanced fieldset legend {
	color:				#000;
}
#iSearchFormAdvanced form p {
	margin:				0;
}
.clSearchNavigation {
	padding-bottom:		5px;
}
.clSubmitButton {
	padding:			0 4px;
}
/* =====================================================
10.	Personnel
===================================================== */
#idDepartmentList {
	list-style:			none;
	margin:				0 0 2em 0;
	padding:			0;
}
#idDepartmentList li {
	padding:			0;
}
.clDepartment {
	padding-bottom:		20px;
}
.vcard {
	padding:			5px;
}
.vcard p {
	margin:				2px 0;
	padding:			0;
}
.vcard p a:link,
.vcard p a:visited,
.vcard p a:active {
	color:				#233446;
}
.clOddRow {
	background:			#eaeaea;
}
.clPersonnelPopup {
	background:			#fff;
	padding:			10px;
}
.clPersonArea p {
	margin:				0.5em 0;
}
.clPersonImageColumn {
	float:				left;
}
.clPersonInfoColumn {
	float:				left;
	padding:			0 0.5em;
}
.clHCard {
	clear:				both;
	padding:			1em;
}
.type {
	display:			none;
}
.clHidden {
	display:			none;
}
.clMoreInfoHidden {
	display:			none;
}
/* =====================================================
11.	Sitemap & Site Index
===================================================== */
#iSiteIndex p {
	margin:				0 0 0.5em 0;
}
/* =====================================================
12.	Slideshow
===================================================== */
#idGalleryImageHolderIframe 
{
	float:			left;
	padding:		0;
	text-align:		center;
	width:			450px;
}
#idGalleryImageHolder {
	float:			left;
	padding:		5px;
	text-align:		center;
	width:			485px;
}
#idGalleryImage {
	width:			462px;
	height:			230px;
}
#idGalleryListing {
	float:			left;
	padding:		0 5px 5px 5px;
	width:			123px;
	overflow:		hidden;
}
#idGalleryListing #idGalleryListingEntries {
	height:			396px;
	overflow:		auto;
	border:			1px solid #8898a8;
}
#idGalleryListing img {
	display:		block;
	border:			0;
}
#idGalleryListing #idGalleryListingEntries .clGalleryListEntry {
	text-align:		center;
	padding-top:	9px;
}
/* =====================================================
13.	Poll
===================================================== */
#iPoll {
	margin-bottom:		1em;
	padding-bottom:		1em;
}
#iPoll h2 {
	background:			url(../i/separator-green.gif) no-repeat top;
	text-align:			right;
	color:				#fff;
	font-size:			100%;
	padding:			3px 6px 2px 6px;
}
#iPoll h3 {
	font-size:			110%;
	margin:				0;
}
.clPrevPolls h2 {
	font-size:			120%;
	margin-top:			1em;
}
.clPrevPollsCol1 {
	width:				260px;
	float:				left;
	margin-right:		20px;
}
.clPrevPollsCol2 {
	width:				260px;
	float:				right;
}
ul.clPollListing {
	margin:				0 0 2em 0;
	padding:			0;
	list-style:			none;
}
ul.clPollListing li {
	clear:				both;
}
.clPollBar {
	float:				left;
}
.clPollPercent {
	float:				right;
}
/* =====================================================
14.	Bannercolumn
===================================================== */
#iBanner a:hover {
	background:			transparent;
}
#iBanner script {
	margin:				0;
	padding:			0;
}
#iBanner img {
	margin:				0;
	padding:			0;
}
/* =====================================================
15.	Newsletter
===================================================== */
#iNewsletter label {
	display:			block;
	font-weight:		bold;
}

/* =====================================================
16. Eget (Fredrik)
===================================================== */

.altercolor
{
    background-color: #CCCCCC;
}
#iSerieTabell th
{
	text-align:center;
}
.LeftAlign
{
	text-align:left;
}
#iSerieAdmin
{
    height:100%;
    width:100%;
}
#iSerieAdmin dl
{
    margin-top:0em;
    margin-bottom:0em;
}
#iSerieAdmin dt
{
    width:8em;
    height:15px;
	font-weight:normal;
}

#iSerieAdmin dd
{
    margin-left:10em;
    margin-top: -1.5em;
}
#iSerieAdminLeft
{
    float:left;
    border:1px solid #999;
    margin:2px;
    padding:6px;
}
#iSerieAdminRight
{
    float:left;
    border:1px solid #999;
    margin:2px;
    padding:6px;
}
#iSerieAdminDivision
{
    clear:left;
    float:left;
}
#iSerieAdminDivisionDetails
{
    float:left;
    border:1px solid #999;
    margin:2px;
    padding:6px;
}
#iSerieAdminDivisionList
{
    height:100%;
    width:100%;
    overflow:scroll;
    float:left;
    border:1px solid #999;
    margin:2px;
    padding:6px;
}