/*//////////////
// CSS RESET
//////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/*//////////////
// TAGS
//////////////*/

body {
	color:#333;
	font-family:Arial, sans_serif;
	font-size:12px;
}

body#blue_tall {
	background-color:#fff;
	background-image:url('./home/images/bg-ribbon-blue_homepage.gif');
	background-position:1px right;
	background-repeat:repeat-x;
}

body#blue {
	background-color:#fff;
	background-image:url('./home/images/bg-ribbon-blue_standard.gif');
	background-position:right 41px;
	background-repeat:repeat-x;
}

body#orange {
	background-color:#fff;
	background-image:url('./home/images/bg-ribbon-orange.gif');
	background-position:right 41px;
	background-repeat:repeat-x;
}

em {
	font-style:italic;
}

h1 {
	color:#fff;
	display:block;
	font-family:Netto, Verdana, Arial, Helvetica, sans;
	font-size:48px;
	font-weight:normal;
	width: expression( document.body.clientWidth > 599 ? "800px" : "auto" ); /* sets max-width for IE */
	max-width:800px;
	text-transform:uppercase;
}

	#ribbon h1 {
		left:250px;
		margin:0;
		position:relative;
		top:45px;
	font-weight:100;
	}

h2 {
	display:block;
	font-family:Arial, Helvetica, sans;
	font-size:21px;
	font-weight:normal;
	width: expression( document.body.clientWidth > 405 ? "406px" : "auto" ); /* sets max-width for IE */
	max-width:406px;
}

	#careers_2_col_span .sub_col_wide h2 {
		width: expression( document.body.clientWidth > 394 ? "395px" : "auto" ); /* sets max-width for IE */
	}

h3 {
	font-family:Arial, Helvetica, sans;
	font-size:17px;
	font-weight:normal;
}

h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}

h5 {
	font-size:11px;
	font-weight:bold;
	margin:-5px 0 15px 0;
	*margin-top:0;
	padding:0;
	text-transform:uppercase;
}

	.beige h5 {
		margin-top:32px;
		*margin-top:49px;
	}

h6 {
	color: #ff5e01;
	display:block;
	font-family:Arial, Helvetica, sans;
	font-size:21px;
	font-weight:normal;
	width: expression( document.body.clientWidth > 405 ? "406px" : "auto" ); /* sets max-width for IE */
	max-width:406px;
}

	#opportunities_span h2, #opportunities_span h6 {
		width: expression( document.body.clientWidth > 549 ? "550px" : "auto" ); /* sets max-width for IE */
		max-width:550px;
	}

hr { background:#dedede; _background:#ddd; border:none; height:1px; margin:0 0 10px 0; padding:0; }

img {
	display:block;
}

img#header_logo {
	display:block;
	position:absolute;
	top:30px;
	right:0px;
}

	#blue_tall img#header_logo {
		display:none;
	}

img#header_green_box {
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
}

p {
	/*color:#f00;*/
	line-height:18px;
	margin:0 0 10px 0;
}

	.beige p.bold_blue {
		line-height:15px;
	}

/*.sub_col p {
	margin:15px;
}*/

strong {
	font-weight:bold;
}

ul.bullets {
	list-style-type:disc;
	list-style-position:outside;
}

	ul.bullets li {
		line-height:15px;
		margin:7px 0 7px 20px;
	}

.beige ul {
	margin:10px 0;
}

	.beige ul li {
		line-height:15px;
		margin-bottom:8px;
	}




/*//////////////
// PAGE LAYOUT 0 [HOMEPAGE]
//////////////*/

#full_wrapper {
	background-color:transparent;
	background-image:url('./home/images/bg-waves.gif');
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	/*width:100%;*/
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	/*background-color:#00f;*/
}

	#container {
		background-color:transparent;
		margin:auto;
		text-align:left;
		width:1000px;
		/*background-color:#ff0;*/
	}
	
		#nav_util {
			background:#efefef url('./home/images/bg-util_nav_cap.gif') 0 100% no-repeat;
			/*height:36px;*/
			width:1000px;
		}

		#header {
			background-color:transparent;
			height:150px;
			position:relative;
			text-align:right;
			width:1000px;
			/*background-color:#0ff;*/
		}
		
		#header.tall {
			height:266px;
		}
		
		#ribbon {
			/*background-color:transparent;*/
			height:124px;
			width:1000px;
			font-family: Verdana, sans-serif; 
			/*background-color:#00f;*/
		}
		
			.ribbon_blue_empty {
				background:url('./home/images/ribbon-blue-empty.jpg') top left no-repeat;
			}
			
			.ribbon_blue_short {
				background:url('./home/images/ribbon-blue-short.jpg') top left no-repeat;
			}
			
			.ribbon_blue_med {
				background:url('./home/images/ribbon-blue-med.jpg') top left no-repeat;
			}
			
			.ribbon_blue_full {
				background:url('./home/images/ribbon-blue-full.jpg') top left no-repeat;
			}
			
			.ribbon_orange_short {
				background:url('./home/images/ribbon-orange-short.jpg') top left no-repeat;
			}
			
			.ribbon_orange_med {
				background:url('./home/images/ribbon-orange-med.jpg') top left no-repeat;
			}
			
			.ribbon_orange_full {
				background:url('./home/images/ribbon-orange-full.jpg') top left no-repeat;
			}
		
		#content {
			background-color:transparent;
			float:left;
			width:1000px;
			/*background-color:#0f0;*/
		}
		
			#col_left {
				background:#fff;
				float:left;
				padding-right:20px;
				padding-top:15px;
				width:230px;
				/*background-color:#ffe;*/
			}
			
			#col_right_wide {
				background-color:transparent;
				float:left;
				/*position:relative;*/
				width:750px;
				/*background-color:#acc;*/
			}
	
				.sub_col_wide {
					background-color:transparent;
					display:block;
					float:left;
					margin-right:40px;
					margin:0;
					/*margin:25px 40px 0 20px;*/
					padding:15px 40px 10px 0;
					/*_padding-right:29px;*/
					width:410px;
					/*_background-color:#f00;*/
					/*_padding-right:29px;*/
					/*_width:100px;*/
					/*background-color:#fef;*/
				}
				
				.sub_col {
					background-color:transparent;
					float:left;
					padding:0 15px;
					width:270px;
					/*background-color:#9e9;*/
				}
	
					.beige {
						background-color:#f6f6ee;
						/*margin-bottom:33px;*/
						padding-bottom:15px;
						padding-top:15px;
						/*
						position:absolute;
						top:0;
						right:0;
						bottom:0;
						*/
					}
					
						.beige h6 {
							margin:0 0 5px 0;
						}
	
			#footer {
				background-color:#fff;
				border-top:thin solid #e5e5e5;
				clear:both;
				color:#707579;
				font-size:10px;
				height:auto;
				margin:6px 0;
				padding:6px 0;
				width:750px;
				/*background-color:#999;*/
			}





.news_item {
	border-top:solid 1px #ccc;
	padding-top:15px;
	width:100%;
}

	.news_item h2 {
		margin-top:0px;
	}

.news_item:nth-child(1) {
	border-top:none;
	margin-top:43px;
	padding-top:0;
}




/*//////////////
// MISC CLASSES
//////////////*/

/*.beige .rule { margin:0 10px; }*/

.bold_blue {
	color:#108ed8;
	font-weight:bold;
}

.btn_login {
	float:right;
}

.callout {
	border-bottom:solid #dedede 1px;
	border-top:solid #dedede 1px;
	margin:10px 0;
	padding-top:10px;
}

.clear { clear:both; }

.floatL { float:left; }
.floatR { float:right; }

.orange { color:#ff5e01; }

.rule {
	border-top:1px solid #dedede;
	height:1px;
	margin:0 0 10px 0;
	padding:0;
}

.sub_notes { color:#666; font-size:11px; line-height:14px; margin-top:50px; }

.vipps_logo {
	float:left;
	margin-top:-20px;
	margin-left:-175px;
	margin-bottom:20px;
	position: relative;
	z-index: 2000;
}




/*//////////////
// CAREER OPPORTUNITIES
//////////////*/

#col_right_wide #careers_2_col_span {
	background-color:#f4f2ee;
	margin-bottom:20px;
	padding-bottom:25px;
	/*background-color:#f00;*/
}

	#careers_2_col_span h2 {
		margin-left:15px;
	}
	
	#careers_2_col_span .sub_col h3 {
		margin-top:15px;
	}
	
	#careers_2_col_span p {
		font-size:11px;
		line-height:13px;
		margin-left:15px;
	}
	
	#careers_2_col_span .sub_col p {
		margin-left:0;
	}

#careers_2_col_span .sub_col_wide {
	/*background-color:#0ff;*/
}

#careers_2_col_span .sub_col {
	/*background-color:#00f;*/
}




/*//////////////
// CAREER OPPORTUNITIES
//////////////*/

#opportunities_span {
	background-color:transparent;
	display:block;
	float:left;
	margin-bottom:-70px;
	width:750px;
	/*height:100px;*/
	/*background-color:#f00;*/
}
	.cutout {
		float:right;
		margin-bottom:-60px;
		position:relative;
		top:-70px;
		right:0px;
	}




/*//////////////
// POPUP WINDOW
//////////////*/

.pop_wrapper h1 {
	font-size: 18px;
	font-weight: bold;
	float: left;
	display: block;
	position: relative;
	height: 23px;
}

.pop_wrapper a { float: right; }

.pop_wrapper {
	float: right;
	font-family: Arial; 
	font-size: 14.6px;
}
.pop_wrapper .small { width: 382px; }
.pop_wrapper .topRow, .pop_wrapper .bottomRow {
	height: 10px;
	overflow: hidden;
}
.pop_wrapper .midRow { padding:20px 30px; }

.pop_wrapper .topRow {
	background: transparent url('./home/images/popup_top.png') no-repeat;
	_background: transparent url('./home/images/popup_top.gif') no-repeat;
}
.pop_wrapper .bottomRow {
	background:transparent url('./home/images/popup_bottom.png') no-repeat;
	_background:transparent url('./home/images/popup_bottom.gif') no-repeat;
}
.pop_wrapper .midRow {
	background: transparent url('./home/images/popup_mid.png') repeat-y;
	_background: transparent url('./home/images/popup_mid.gif') repeat-y;
}

.pop_wrapper .wide .topRow {
	background: transparent url('./home/images/popup_top_wide.png') no-repeat;
	_background: transparent url('./home/images/popup_top_wide.gif') no-repeat;
}
.pop_wrapper .wide .bottomRow {
	background:transparent url('./home/images/popup_bottom_wide.png') no-repeat;
	_background:transparent url('./home/images/popup_bottom_wide.gif') no-repeat;
}
.pop_wrapper .wide .midRow {
	background: transparent url('./home/images/popup_mid_wide.png') repeat-y;
	_background: transparent url('./home/images/popup_mid_wide.gif') repeat-y;
}

.pop_wrapper .rule {
	clear: both;
	background: #eaeaea;
	height: 1px;
	overflow: hidden;
}

.pop_wrapper label {
	font-size: 12px;
	font-weight:normal;
	display: block;
	color: #333;
	padding:0 0 4px 0;
}

.pop_wrapper select, .pop_wrapper input { margin-bottom: 8px; width:174px; }
.pop_wrapper .cancel { margin-right: 10px; }
.pop_wrapper .login_btn { height:30px; width:89px; }




/*//////////////
// PLACEHOLDER IMAGE
//////////////*/	

center img {
	clear:both;
	position:relative;
	top:750px;
}

.note {
	border-top:solid 1px magenta;
	color:magenta;
	display:block;
	font-size:11px;
	font-style:italic;
	line-height:13px;
	margin-top:50px;
	margin-bottom:10px;
	padding-top:4px;
}

.print_only { display:none; }

/*------------------------------------------------------------------------------
	Forms
------------------------------------------------------------------------------*/	
	
	form, fieldset {
		margin: 0;
		padding: 0;
	}
		
		form ol { margin: 0; padding: 0; }
		form ol li{ list-style: none; }
		input, textarea, select { margin: 0; }
		form legend { font-weight: bold; font-size: 14px; padding: 10px 0 15px 0; color: #666; *margin-left: -8px; }
		form legend {  width: 225px; float: left; }
		form label {  width: 130px; float: left; margin-left: 0; padding-left:0; }
		
		form fieldset {
			border: none;
			clear: left;
			margin-bottom: 25px;
		}
			
			form fieldset li {
				clear: left;
				padding: 5px 0 5px 0;
			}
	
			input[type="text"], textarea{
				border-top: 2px solid #999;
				border-left: 2px solid #999;
				border-bottom: 1px solid #ccc;
				border-right: 1px solid #ccc;
			}
			
			
			.textfield{
				width: 280px;
			}
			
			select{
				margin-bottom: 10px;
				*margin-bottom: 0px;
				padding-bottom: 0;
			}
			
			input:focus, textarea:focus{
				background: #fff;
			}
			
			textarea{
				width: 300px;
				height: 150px;
			}
			
		form div{
			width: 200px;
			float: left;
			line-height: 140%;
			margin-bottom: 10px;
		}
		
		form .button{ margin: 10px 0 0 130px; }

sup {
	vertical-align: baseline;
	font-size: 1.0em;
	position: relative;
	top: -0.4em;
	margin-left: 0.2em;
	}