@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0;}
body {font-family:Arial, Helvetica,sans-serif;font-size:12px;color:#000000;background:#ffffff;}

/*default*/
form { background:none; margin:0; padding:0; border:0 !important;}
a img{ border:0;}
ul { list-style:none !important;}
.clear { padding:0; margin:0; clear:both; height:auto;}


/*wrapper*/
#wrap { width:100%;float:left;height:auto; }

/*Header*/
#header-wrap {width:100%;float:left;height:auto; border-bottom:1px solid #0067B1; padding:0 0 15px 0;}
#header {width:985px;height:auto; margin:0 auto; overflow:hidden;}
#header-top { width:985px; float:left; height:auto;}
#header-left { width:350px; float:left; height:auto;}
#header-right { width:620px; float:right; height:auto;}

.top-event { width:155px; height:28px; background:url(../wsimages/top-event.png) no-repeat; float:right;}
.top-event-1 { width:97px; float:left; height:auto; text-align:center; padding:6px 0 0 0;}
.top-event-2 { width:54px; float:right; height:auto; text-align:center;padding:4px 4px 0 0;}

a.login-btn { display:inline-block; width:62px; height:10px; background:url(../wsimages/login.png) no-repeat;}
a:hover.login-btn { background:url(../wsimages/login.png) no-repeat 0 -10px;}


ul.top-menu { display:block; text-align:right; padding:30px 0 0 0;}
ul.top-menu {font-size:25px; }
ul.top-menu b{ display:inline; font-size:25px; }
ul.top-menu li{ display:inline; padding:0 0 0 37px; margin:0;}
ul.top-menu li a{ text-decoration:none; color:#0068b2;}
ul.top-menu li a:hover{color:#f47836; }
ul.top-menu li.active a {color:#f47836 !important; font-weight:bold !important;}
li.top-menu-last { padding:0 !important; margin:0 !important;}
/* MENU */
.menu-holder { width:985px; float:left; height:auto; margin-bottom:29px; background:url(../wsimages/menu-bg.png) no-repeat; ;height:30px;}
ul.main-menu { display:block; padding:0 0 0 45px;height:30px; text-align:center; }
ul.main-menu li{ display:inline; margin:0 4px 0 0;}
ul.main-menu li a{ text-decoration:none; color:#ffffff; font-size:16px; text-align:center; display:inline-block;}
ul.main-menu li a:hover{ color:#f47836;}

ul.main-menu li a  span.mh-left{ width:9px; height:30px;display:inline-block; float:left; cursor:pointer; }
ul.main-menu li a:hover span.mh-left{ background:url(../wsimages/mh-left.png) no-repeat;}

ul.main-menu li a span.mh-mid { width:auto; padding:6px 12px 0 12px; height:30px;display:inline-block; float:left; cursor:pointer; }
ul.main-menu li a:hover span.mh-mid { background:url(../wsimages/mh-mid.png) repeat-x;}

ul.main-menu li a span.mh-right { width:9px; height:30px;display:inline-block; float:left; cursor:pointer; }
ul.main-menu li a:hover span.mh-right{ background:url(../wsimages/mh-right.png) no-repeat;}

li.active a { color:#f47836 !important; font-weight:bold;}
ul.main-menu li.active a span.mh-left{ background:url(../wsimages/mh-left.png) no-repeat;}
ul.main-menu li.active a span.mh-mid { background:url(../wsimages/mh-mid.png) repeat-x; }
ul.main-menu li.active a span.mh-right{ background:url(../wsimages/mh-right.png) no-repeat;}
ul.main-menu li ul { display: none;}

/* SUB Menu*/
div.tabContainer { clear:both;float:left;width: 100%; height:29px; padding:0 0 5px 0; background:url(../wsimages/sub-menu-bg.png) no-repeat bottom; }
div.tabContainer div.tab { display: none; }
div.tabContainer div.current { display: block; }

ul.sub-menu {  width:100%; float:left; padding:8px 0 0 0; text-align:center; color:#0067b1; font-size:14px;}
ul.sub-menu li{ display:inline; padding:0 15px;}
ul.sub-menu li a{color:#0067b1; text-decoration:none;}
ul.sub-menu li a:hover{ color:#f47836;}
a.submenu-active {color:#f47836 !important;}


/*Content*/
#content-wrap {width:100%;float:left;height:auto; }
#content { width:985px;height:auto; margin:0 auto;overflow:hidden;}

.main { width:985px; float:left; height:auto;position:relative; }
.front-box { width:481px; float:left; height:auto;padding: 0 0 30px 0;}
.front-box p{ font-size:15px; line-height:22px;  padding:0; margin:0 0 20px 0; display:block;}
.front-box p a{ color:#0067b2;}
.front-box p a:hover{ color:#f47836;}
h1.main{color:#0067b1; display:block; padding:0; margin:35px 0 10px 0; font-size:24px;text-transform: uppercase;width:481px;}
h2{color:#0067b1; display:block; padding:0; margin:35px 0 10px 0; font-size:20px;text-transform: uppercase;}
h3{color:#0067b1; display:block; margin:0; padding:35px 0 10px 0; font-size:16px;text-transform: uppercase;}
h4{color:#0067b1; display:block; padding:0; margin:0px 0 10px 0; font-size:14px;text-transform: uppercase;}
p.main-text-bold { display:block; font-size:16px; font-weight:bold;}


/*.front-image { width:504px;height:auto;padding-top:35px;right:0;bottom:0;position:absolute;}*/
.front-image { width:504px;height:auto;padding-top:35px;float:left;}
.frame-holder { width:980px; float:left; padding:0 0 0 3px; margin-bottom:29px; height:265px;}
img.frame-img { position:absolute; z-index:1000;}
img.alignBottom { position: absolute; bottom:0pt;}

.box-icon { width:985px; float:left; height:auto;margin-bottom:30px;}
.box-icon ul{ display:block;}
.box-icon ul li{ display:inline; padding:0 20px 0 0; margin:0; float:left;}
.box-icon ul li a{ text-decoration:none;}
.last-box-icon { padding:0 !important; margin:0 !important;}

/*Nyheter og referanser*/

.rightMainCol {
    float: left;
    margin-left: 20px;
    padding-top: 73px;
    width: 480px;
}

.rightMainCol h2 {
    margin-top: 0;
}

.greyBoxContainer {
	width: 480px;
	float: left;
	margin: 0;
	padding: 0;
}

.greyGradientBox {
	background-image: url(/wsimages/greyGradientBox1_bg.jpg);
	width: 480px;
	height: 149px;
	float: left;
	overflow: hidden;
}

.greyGradientBox2 {
	background-image: url(/wsimages/greyGradientBox2_bg.jpg);
}

	.greyGradientBox2 a {
		padding: 19px 0 18px 0;
		margin: 0 20px 0 20px;
		display: block;
		text-decoration: none;
		border-bottom:solid 1px #D3D3D3;
		color: #0054A3;
		font-size: 12px;
	}
	
	.greyGradientBox2 .theEnd {
		background-image: url(/wsimages/greyGradientBox2_end.jpg);
		height:6px;
		margin-top:-6px;
	}
	
		.paginator span.p-previous {
			text-indent: -999em;
		}

	.greyGradientBox a.morelink {
		padding: 19px 0 18px 0;
		margin: 0 20px 0 20px;
		display: block;
		text-decoration: none;
		border-bottom:solid 1px #D3D3D3;
		color: #0054A3;
	}
	
	.greyGradientBox a:hover.morelink {
		color: #F47836;
	}
	
	.greyGradientBox .testimonialImg {
		width: 100px;
		float: left;
		margin: 15px;
		height: 120px;
		background-position: center center;
		background-repeat: no-repeat;
		text-indent: -999em;
	}
	
	.greyGradientBox .testimonialText {
		margin:15px 0;
		padding-left: 15px;
		border-left: solid 1px #D3D3D3;
		float:left;
		height:120px;
		width: 330px;
	}

#testimonialProducts {
	background-image: url(/wsimages/greyGradientBox2_bg.jpg);
	width: 480px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}
	#testimonialProductsEnd {
		height:6px;
		background-image: url(/wsimages/greyGradientBox2_end.jpg);
		margin-top:-1px;
	}

	#testimonialProducts a {
		padding: 7px 0 5px 0;
		margin: 0 20px 0 20px;
		display: block;
		text-decoration: none;
		border-bottom:solid 1px #D3D3D3;
		color: #0054A3;
	}
	
	#testimonialProducts a:hover {
		color: #F47836;
	}

#testimonial-teasers {
	margin-left: 20px;
}

	.items div div.testimonial-item {
		width:130px;
		float: left;
	}
	
		/*
			root element for the scrollable.
			when scrolling occurs this element stays still.
		*/
		.scrollable {
			/* required settings */
			position:relative;
			overflow:hidden;
			width: 400px;
			height:149px;
		}

		/*
			root element for scrollable items. Must be absolutely positioned
			and it should have a extremely large width to accomodate scrollable items.
			it's enough that you set the width and height for the root element and
			not for this element.
		*/
		.scrollable .items {
			/* this cannot be too large */
			width:20000em;
			position:absolute;
			clear:both;
		}

		.items div {
			float:left;
			width:400px;
		}
		
			.testimonial-item a {
				display: block;
				height: 120px;
				position: relative;
				width: 130px;
				background-position: bottom center;
				background-repeat: no-repeat;
				text-indent: -999em;
			}

		/* single scrollable item */
		.scrollable img {
			float:none;
			margin:20px auto;
			padding:2px;
			display:block;
		}

		/* active item */
		.scrollable .active {
			border:2px solid #000;
			position:relative;
			cursor:default;
		}
		
		
		/* this makes it possible to add next button beside scrollable */
		.scrollable {
			float:left;	
		}

		/* prev, next, prevPage and nextPage buttons */
		a.browse {
			background:url(/wsimages/scrollarrow.png) no-repeat;
			display:block;
			width:30px;
			height:30px;
			float:left;
			margin:60px 5px;
			cursor:pointer;
			font-size:1px;
		}

		/* right */
		a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
		a.right:hover 	{ background-position:-30px -30px; }
		a.right:active 	{ background-position:-60px -30px; } 


		/* left */
		a.left			{ margin-left: 0px; } 
		a.left:hover  	{ background-position:-30px 0; }
		a.left:active  	{ background-position:-60px 0; }

		/* disabled navigational button */
		a.disabled {
			visibility:hidden !important;		
		}
		
/* Pagination
-----------------------------------------------------------------------*/
.paginator-wrap {
    margin: 0px 0 30px !important;
    text-align: center;
	clear: both;
}

	.paginator-wrap .paginator a.p-next,
	.paginator-wrap .paginator span.p-next,
	.paginator-wrap .paginator a.p-previous,
	.paginator-wrap .paginator span.p-previous,
	.paginator-wrap .paginator a.p-page,
	.paginator-wrap .paginator span.p-page {
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #DDD;
		padding: 4px 8px;
	}

	.paginator-wrap .paginator a {
		color: #0054A3;
	}

	.paginator-wrap .paginator span {
		color: #0054A3;
		cursor: default;
	}

		.paginator-wrap .paginator a:hover {
			color: #0054A3;
			border-color: #0054A3;
		}

	.paginator-wrap .paginator span.p-page {
		border-color: #0054A3;
		color: #0054A3;
	}

	.paginator-wrap .paginator span.p-next,
	.paginator-wrap .paginator span.p-previous {
		color: #DDD;
	}


/* Gallery */
#my_gallery { display:block; position:absolute;}
#my_gallery li{ display:block; width:980px;} 

/*Footer*/
#footer-wrap {width:100%;float:left;height:auto;  background:url(../wsimages/foot-strip.png) repeat-x top #003155; padding:20px 0; color:#fff; }
#footer { width:985px;height:auto; margin:0 auto;overflow:hidden;}

.foot-1 { width:137px; float:left; height:160px; background:url(../wsimages/f-space.png) no-repeat right; padding:0;}
.foot-2 { width:167px; float:left; height:160px; background:url(../wsimages/f-space.png) no-repeat right; padding:0 0 0 30px;}
.foot-3 { width:130px; float:left; height:160px; padding:0 0 0 30px;}

h2.foot{color:#fff; font-size:15px;text-transform: uppercase; padding-bottom:10px;margin-top:20px;}

ul.foot-list { display:block; font-size:14px;}
ul.foot-list li{ padding:0; margin:0 0 10px 0;}
ul.foot-list li a{ color:#fff; text-decoration:none;}
ul.foot-list li a:hover{ text-decoration:underline;}
ul.foot-list li span{ font-weight:bold; font-size:15px;}

.foot-side { width:445px; float:right; height:auto; text-align:right;}
h4.f-heading { font-size:22px; color:#ffffff; padding:15px 0 0 ; margin:0; text-transform: none;}
.copyright { width:445px; float:right; margin:118px 0 0 0; color:#0068b2; font-size:.85em;}
.copyright a{ color:#0068b2; text-decoration:none;}
.copyright a:hover{ color:#fff;} 

/* For employee
---------------------------------------------------------------------- */
div#contacts {
	float: left;
	height: auto;
	padding: 0 0 30px;
	width: 985px;
	clear:left;
}

div.idlemployee {
	font-size:16px;
	height:100px;
	width:328px;
	margin-bottom:60px;
	float:left;
}
div.position {
	font-size:12px;
}

div.cellphone {
	font-size:14px;
	padding-top:37px;
}
div.contactemail {
	font-size:14px;
	padding-top:7px;
}

div.employeetext {
padding-left:95px;
}

div.employeetext a {
color:#0067b1;
}	


div.idlemployee img {
	clear:left;
	float:left;
	z-index:1000;
}

/* eJournal */
form.eJournalLogin {
	background-color: #ececec;
	padding: 9px 8px;
	border: solid 1px #d3d3d3 !important;
}

	form.eJournalLogin .ctrlHolder {
		border-top: none !important;
	}

	.forgottenPwd {
		float: left;
		color: #0167af;
		padding: 5px 5px 5px 20px;
		background:url('../wsimages/forgottenPwd.gif') no-repeat left center;
	}
	
	.eJournaliFrame {
		background: #000;
		background: #fff url('../wsimages/ajax-loader.gif') no-repeat left top;
	}

.roundedCorners {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* FarCry UI */
.ui-dialog, .containeradmin {
	clear: both;
}
/* Tables
---------------------------------------------------------------------- */
table {
	width: 100%;
	clear: both;
	
}

	table td,
	table th {
		border: 1px solid #d3d3d3;
		font-size:14px;
		padding:9px;
		background-color: #ececec;
	}
	table td a{
		color:#f47836;
	}
	table td h3{
		color:#0067b1;
		font-size:14px;
		padding:0;
		
	}