@charset "utf-8";
/* CSS Document 
----------------------------------------
Author: Christer Larsen
Email: christer@inbusiness.no
----------------------------------------*/

/* #jobAdList - List the vacant positions.
---------------------------------------- */
#jobAdList {}
#jobAdList .header {
	width:480px;
	height:300px;
	position:relative;
	background:url(gfx/job_header.jpg) no-repeat;
	margin-bottom:10px;
}
#jobAdList .headerText {
	width:460px;
	padding:10px;
	position:absolute;
	bottom:20px;
	background:#000;
	color:#FFF;
}
#jobAdList .subject {
	font-family:Arial;
	font-weight:bold;
	font-size:0.75em;
	line-height:16px;
	color:#333;
	text-transform:uppercase;
	color:#333;
	padding:0 0 10px 0;
}
#jobAdList .search {
	width:480px;
	padding:0 0 15px 0;
}
#jobAdList .searchName {
	font-size:0.92em;
	padding:2px 0 0 0;
}
#jobAdList .searchInput {
	width:140px;
	height:16px;
	background:#EAEAEA;
	border:none;
	vertical-align:middle;
	color:#333;
}
#jobAdList .searchButton {
	width:18px;
	height:18px;
	background:url(../gfx/searchbutton2.gif) no-repeat;
	border:none;
	vertical-align:middle;
	overflow:hidden;
	font-size:0px;
	text-indent:-999;
}
#jobAdList .title {
	font-family:Arial;
	font-weight:normal;
	text-transform:uppercase;
	color:#333;
	font-size:0.83em;
}
#jobAdList .section {
	font-size:2.00em;
	padding:0 0 30px 0;
}
#jobAdList .section a,
#jobAdList .section a:link,
#jobAdList .section a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#333;
}
#jobAdList .section a:hover,
#jobAdList .section a:active {
	text-decoration:none;
	color:#E31629;
}
#jobAdList .section a.selected {
	color:#E31629;
}
#jobAdList .month {
	padding:0 0 25px 0;
}
#jobAdList .month a,
#jobAdList .month a:link,
#jobAdList .month a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#333;
}
#jobAdList .month a:hover,
#jobAdList .month a:active {
	text-decoration:none;
	color:#E31629;
}
#jobAdList .month a.selected {
	color:#E31629;
}
#jobAdList .borderLeft {
	border-left:1px solid #BDBEC0;
	padding:0 0 0 5px;
}

#pagination {
	padding:10px 0;
}
#pagination a,
#pagination a:link,
#pagination a:visited {
	line-height:20px;
	font-weight:bold;
	padding:0 3px;
	color:#333;
}
#pagination a:hover,
#pagination a:active {
	text-decoration:none;
	color:#E31629;
}

/* #jobAd - View selected vacant position.
---------------------------------------- */
#jobAd {
	width:480px;
}
#jobAd h1 {}
#jobAd .jobAdBody {
	padding:10px 0;
}
#jobAd .jobAdContact {
	line-height:150%;
}
#jobAd .jobAdDeadline {}
#jobAd .jobAdSend {
	text-align:right;
}

/* #jobAdApp - Application Form.
---------------------------------------- */
#jobAdApp {}
#jobAdApp {}
#jobAdApp {}
#jobAdApp {}
#jobAdApp {}

#jobAdApp td {
	padding-bottom:10px;
}
#jobAdApp .input {
	width:214px;
	height:13px;
	line-height:13px;
	background:#fff;
	font-size:11px;
	color:#333;
	padding:2px 2px 1px 2px;
	border:1px solid #CDCDCD;
	background:#EFEFEF;
	vertical-align:middle;
}
#jobAdApp .input:focus {}
#jobAdApp .textarea {
	width:218px;
	height:104px;
	line-height:16px;
	background:#EFEFEF;
	font-size:11px;
	color:#333;
	border:1px solid #CDCDCD;
}
#jobAdApp .submit {
	border:1px solid #999;
	background:#fff;
	height:22px;
	vertical-align:middle;
	outline: none;
}
#jobAdApp .fileInput {	
	width:124px;
	height:13px;
	line-height:13px;
	background:#fff;
	font-size:11px;
	color:#333;
	padding:2px 2px 1px 2px;
	border:1px solid #CDCDCD;
	background:#EFEFEF;
	vertical-align:middle;
}