body{
	background-color: #F0F2F2;
}




div.optionalPages{
	/* shows the Previous 1 2 3 4 Next */
	/* ALSO shows the "Du ser annonce 11 til 20 ud af 259" */
	width: 517px;
	height: 22px; /* 30 with border */
	padding: 10px 5px 0px 5px;
	font-weight: bold;
	font-size: 11px;
	border-bottom: #ffffff 6px solid;
}
.navLinks{
	color: #0396d5;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}
.navLinksRed{
	color: #ef6000;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}

.navLinksBlack{
	color: #000000;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}

/* --- */






div.topCenterBox{
	/* black box with a button "tilføj" */
	width: 535px;
	height: 38px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

div.addSearchToJobAgent{
	/* tilføj søgningen til din jobagent */
	float: left;
	padding: 7px 0px 0px 10px;
	width: 235px;
	height: 20px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	/*background-color: yellow;*/
}

div.receiveEmailEveryTime{
	/* modtag e-mail hver gang */
	float: left;
	width: 210px;
	margin: 7px 0px 0px 5px;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	/*background-color: blue;*/
}

div.addButton{
	/* tilføj button */
	float: left;
	width: 20px;
	height: 20px;
	margin: 7px 0px 0px 0px;	
	/*background-color: red;*/
}

/* --- */

div.jobs{
	/* the job list with descriptions and logos */
	width: 527px; /* 535 without padding */
	height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	overflow: visible;
}

div.jobOptionalPages{
	/* shows the Previous 1 2 3 4 Next */
	/* ALSO shows the "Du ser annonce 11 til 20 ud af 259" */
	width: 100%;
	height: 22px; /* 30 with border */
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
	border-bottom: gray 1px solid;
}

div.previous{
	float: left;
	width: 150px;
	/*background-color: blue;*/
}

img.leftArrow{
	vertical-align: top;
	margin-right: 5px;
}

div.numberPages{
	float: left;
	width: 205px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	word-spacing: 5px;
	color: #eb5d00;
}

a.number:link{ text-decoration: none; color: black; margin: 0px 1px 0px 1px; }
a.number:visited{ text-decoration: none;  color: black; }
a.number:active { text-decoration: none; }
a.number:hover{ text-decoration: none;  color: black; }


div.next{
	float: right;
	width: 150px;
	text-align: right;
}

img.rightArrow{
	vertical-align: top;
	margin-left: 5px;
}

div.previousNext{
	font-weight: bold;
	color: #0080cd;
	font-size: 11px;
}

div.theJobAd{
	/* the job ad itself with the title, description and a logo */
	position: relative;
	width: 100%;
	height: 80px;
	padding: 5px 0px 5px 0px;
	border-bottom: gray 1px solid;
}

p.job{
	font-size: 12px;
}

span.jobTitle{
	font-weight: bold;
	color: #0080cd;
}


p.jobTeaser{
	height: 14px;
	font-size: 14px;
	color: black;
}

img.jobLogoSmall{
	position: absolute;
	top: 5px;
	right: 0px;
	width: 210px;
	height: 80px;
}



div.addJobAgent{
	width: 160px;
	background-color: white;
	height: 180px;
}
div.addJobAgentHeader{
	width: 150px;
	padding: 5px 5px 10px 5px;
	background-color: white;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
div.addJobAgentBody{
	width: 145px;
	padding: 0px 10px 10px 5px;
	background-color: white;
	font-size: 12px;
	color: #000000;
}
div.addJobAgentButton{
	width: 142px;
	padding: 0px 9px 5px 9px;
	background-color: white;
	font-size: 12px;
	color: #000000;
}
input.addJobAgentButtonOut{
	float: left;
	background-color: #7fb400;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center; 
	border-top: solid 2px #cee29d;
	border-left: solid 2px #95c12c;
	border-bottom: solid 2px #3f5a00;
	border-right: solid 2px #3f5a00;
	width: 138px;
	height: 28px;
	cursor: pointer;
}
input.addJobAgentButtonOn{
	float: left;
	background-color: #7fb400;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center; 
	border-top: solid 2px #3f5a00;
	border-left: solid 2px #3f5a00;
	border-bottom: solid 2px #bed97e;
	border-right: solid 2px #e4efc9;
	width: 138px;
	height: 28px;
	cursor: pointer;
	display: none;
}
div.bannerRight{
	/* for all banners on the right */
	width: 160px;
	height: auto;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 5px;
	overflow-x: hidden;
}

p.ad{
	/* annonce */
	position: relative;
	top: -4px;
	left: 0px;
	height: 10px;
	font-weight: bold;
	font-size: 10px;
	font-family: sans-serif;
}

/* --- */