/*------------------------------------------------------------------
[Master Stylesheet]

Project		: ProRail eRecruitment
Last change	: 2009-12-23 0:36
Assigned to	: Leonard Eshuis (le), Marc Bruisten (mb)
Made by		: Evident Interactive

$log$
Revision 22574  2010/01/21 14:08:05  m.wensveen
# added log

--------------------------------------------------------------------

	changelog 
	
	29 jan 2010 : leonard eshuis	11867 - added style
				: leonard eshuis	11249 - changed em value to px, and width adjustment
				: 

------------------------------------------------------------------*/

/**------ global_settings ------**/
	* 								{padding:0;margin:0}
	img 							{border:0}
	cite, em, dfn 					{font-style:italic}
	big 							{font-size:115%}
	small, sup, sub 				{font-size:85%}
	sup 							{vertical-align:super}
	sub 							{vertical-align:sub}
	blockquote *:first-child:before {content:"\201C"}
	blockquote *:first-child:after 	{content:"\201D"}
	table 							{border-collapse:collapse;border-spacing:0}
	caption, th, td 				{text-align:left;/*font-weight:normal*/}
	q 								{quotes:"\201C" "\201D" "\2018" "\2019"}
	wbr:after                       {content:"\00200B"}
	
	.hideme 						{position:absolute;left:0;top:-5000em}
	.nodisplay 						{display:none}
	.floatleft 						{float:left}
	.floatright 					{float:right}
	.right							{text-align:right}
	.error 							{color:red}
	.strong 						{font-weight:bold}
		
	body 							{font-size:62.5%}
	
	*:focus 						{outline:none}
	
/**------ fixes ------**/

/* full clearfix */
    /* add to floating elements which should not float afterthem */ 

	* html .rad-editor-webpart-inner,
	* html .clearfix {
	    height:1%; /* IE5-6 */
    }

	* + html .rad-editor-webpart-inner,
	* + html .clearfix {
		display:inline-block; /* IE7not8 */
		}

	.rad-editor-webpart-inner:after,
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content:".";
	    display:block;
	    height:0;
	    clear:both;
	    visibility:hidden;
	    }

/* 
-----------------------------------------------------------------------------*/

	h1,h2 {
		font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:0px;
		margin:0px;
		font-weight:normal;
	}
	
	h3,h4,h5,h6 {
		font-family:Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
		font-weight:bold;
		margin-bottom:3px;
	}
	
	h1 {
		color:#bf1238;
		font-size:18px;
		margin-bottom:3px;
		margin-right:20px;
	}

	h3.module-title,
	h2 {
		color:#bf1238;
		font-size:15px;
		line-height:1.5em;
		font-weight:bold;
		margin-bottom:3px;
	}

	h3.module-title {
		line-height:normal;
	}

	h3 a,
	h3 {
		color:#4c4c4c;
		font-size:13px;
	}

	h4 a,
	h4 {
		color:#4c4c4c;
		font-size:1em;
		font-weight:bold;
	}

	h5 a,
	h5 {
		color:#4c4c4c;
		font-size:1em;
	}

	/* same as h5, but defined seperately so this can be adjusted when necessary */
	h6 a,
	h6 {
		color:#4c4c4c;
		font-size:1em;
	}

	p {
		padding-bottom:1em;
	}
	
	.ms-consoletoolbar td {
		padding:0px;
	}
	

	caption, th, td {
		padding:0 2px;
	}

	.text {
		padding:5px;
		font-size:1.2em;
		line-height:1.5em;
	}

		.text img {
			margin:5px;
			background-color:#fff;
			border:1px solid #d6d6d6 !important;
			padding:2px;
		}

	.module ul,
	#main ul {
		padding-left:15px;
	}
	
	.module ol,
	#main ol {
		padding-left:18px;
	}
	
	#main a {
		color:#000;
	}
	
		#main a:hover {
			color:#BF1238;
		}
		
	blockquote {
		background-color:#EEEEEE;
		padding:10px;
		border:1px solid #e3e3e3;
		margin:10px 0px 10px 10px;
		float:right;
	}
	
	pre {
		font-family:“Courier New”, “Courier”, monotype ;
		font-size:1.1em;
	}

/* 
-----------------------------------------------------------------------------*/

	.content-editor-webpart-inner {
		margin:5px;
	}

/* 00 global_layout
-----------------------------------------------------------------------------*/

	#aspnetForm {
		padding:0px;
		margin:0px;
	}

	#wrapper {
		text-align:left;
		position:relative;
		padding:0px;
		margin:0px auto;
		height:auto;
		width:980px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.editMode #wrapper {
		position:static;
	}

		#header {
			margin:0px;
			padding:0px;
			padding-bottom:20px;
			margin-bottom:10px;
			position:relative;
			z-index:100;
			width:980px;
			border:0px;
		}
		
	#footer-sleave {
			width:980px;
			margin:0 auto;
			text-align:left;
			padding-top:25px;
			padding-bottom:15px;
			text-align:center;
			overflow:hidden;
		}
	
		#sleave {
			width:1000px;
			margin:0 auto;
			text-align:left;
		}
	
		#footer {
			width:980px;
			margin:0 auto;
			text-align:left;
		}
	
		#footerfullwidth {
			background-image:url("/Style Library/Images/ProRail/EHRM/background-footer.jpg");
			background-position:left top;
			background-repeat:repeat-x;	
			background-color:#EDECF1;
			text-align:center;
		}
		
	/*****************************************************************************/

	html {
		background-color:#EDEDEF;
	}

	body {
		background-color:#fff;
	}

	body#homepage {
		background-color:#fff;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
	}

	#subpage1 #header   {
		margin-bottom:0px;
	}

/* 
-----------------------------------------------------------------------------*/

	#header .logo {
		width:980px;
		height:70px;
		background-image:url("/Style Library/Images/ProRail/EHRM/header.gif");
		background-position:top left;
		background-repeat:repeat-x;
		text-indent:-5000px;
		margin-bottom:45px;
	}
	
		#header .logo a {
			display:block;
			width:250px;
			height:70px;
		
		}

/* 
-----------------------------------------------------------------------------*/

	.single {
		float:left;
		display:inline;
		margin:0px;
		padding:0px;
		width:230px !important;
		margin-right:20px;	
		min-height:100px;
		height:auto !important; /* voor moderne Browser */
		height:100px; /*voor IE6 */
		
	}
	
	body .last {
		margin:0px;
	}
	
	.row {
		float:none;
		clear:both;
		
	}
	
/* 
-----------------------------------------------------------------------------*/

	#main,
	#homepage-main {
		margin-left:0px;
		width:984px;
	}

		#homepage-main .zone  {
			width:325px;
			display:block;
			font-size:1.2em;
			line-height:1.7em;
			color:#333333;
			text-align:left;
			float:left;
			margin-right:9px;
			margin-left:-3px;
		}
	
			#homepage-main .module  {
				background-image:url("/Style Library/Images/ProRail/EHRM/background-triple.gif");
				background-position:top left;
				background-repeat:repeat-x;

				padding:4px;
				margin-right:0px;
				width:315px;
				overflow:hidden;

				min-height:180px;
				height:auto !important; /* voor moderne Browser */
				height:180px; /*voor IE6 */

			}
		
			#homepage-main .module-end {
				background-image:url("/Style Library/Images/ProRail/EHRM/background-triple-flipped.gif");
				background-position:bottom left;
				background-repeat:repeat-x;

				height:5px;
				margin-top:-5px
			}
		
	#homepage-main .last {
		margin-right:0px;
		float:right;
	}
	
	#homepage-main .zone .last {
		margin-right:0px;
		float:none;
	}

/* 
-----------------------------------------------------------------------------*/

	#main .zone  {
		width:240px;
		display:block;
		font-size:1.2em;
		line-height:1.5;
		color:#333333;
		text-align:left;
		float:left;
		margin-right:9px;
		min-height:20px;
		height:auto !important; /* voor moderne Browser */
		height:20px; /*voor IE6 */
	}

	#wrapper #main .last {
		margin-right:0px;
	}

/* 
-----------------------------------------------------------------------------*/

	#homepage #sidewide {
		margin-top:-28px;
	}

	
	#sidewide {
		position:absolute;
		right:3px;
		margin-top:-25px;
	}
	
		#sidewide li {
			float:left;
			list-style-type:none;
			margin-left:10px;
			position:relative;
		}

			#sidewide li.thissite a {
				color:#cc0033;
				border-bottom:5px solid #cc0033;
				padding:0px 0px 3px;
			}
	
			#sidewide li.hasChildren a {
				background-image:url("/Style Library/Images/ProRail/EHRM/red-arrow-down.gif");
				background-position:right 5px;
				background-repeat:no-repeat;
				padding-right:10px;
			}
		
				#sidewide li.hasChildren ul a {
					background-image:none;
					padding-right:0px;
					margin-right:10px;
					margin-bottom:5px;
				}
		
			#sidewide li.open ul {
				display:block;
			}

			#sidewide li.thissite ul a,	
			#sidewide li a {
				border:1px solid #fff;
				border-width:0px 1px 4px 0px;
				display:block;
				padding:0px 0px 4px;
				margin-left:10px;
				margin-top:3px;
				font-size:1.4em;
				color:#999;
				text-decoration:none;
				font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
				border-bottom:4px solid #fff;
			}
	
				#sidewide li.thissite ul a:hover,
				#sidewide li a:hover {
					color:#bf1238;
					border-bottom:5px solid #cc0033;
				}
	
					#sidewide li a.current {
						color:#cc0033;
						border-bottom:5px solid #cc0033;
						padding:0px 0px 3px;
					}
	#sidewide ul {
		background-color:#fff;
		padding:5px 0px
	}

	#sidewide .open ul {
		display:block !important;
		position:absolute;
		right:0px;
		white-space:nowrap;
	}

	.activeJs #sidewide ul {
		display:none;
	}

/* 
-----------------------------------------------------------------------------*/

	#sectionwide-Menu {
		width:980px;
		height:40px;
		background-color:#ddd;
	}

		#sectionwide-Menu li {
			float:left;
			list-style-type:none;
		}

			#sectionwide-Menu li a {
				display:block;
				padding:0px 15px;
				font-size:1.3em;
				color:#999;
				text-decoration:none;
				line-height:40px;
			}

			#sectionwide-Menu li a:hover {
				color:#333;
			}

				#sectionwide-Menu li a.current {
					color:#cc0033;
					background-color:#fff;
				}

/* 
-----------------------------------------------------------------------------*/

	#moodMedia {
		background-color:#eee;
		width:980px;
		overflow:hidden;
	}

		/* moodimage 50% */
		#moodMedia.small object,
		#moodMedia.small {
			height:195px;
			width:980px;
			overflow:hidden;
		}
	
		/* moodimage 75% */
		#moodMedia.medium object,
		#moodMedia.medium {
			height:297px;
			width:980px;			
			overflow:hidden;
		}
		
		/* moodimage 100% */
		#moodMedia.large #flashobject,
		#moodMedia.large object,
		#moodMedia.large {
			height:390px;
			width:980px;			
			overflow:hidden;
		}
		
		
		

/* 
-----------------------------------------------------------------------------*/

	#breadcrumbs {
		height:25px;
	}

		#breadcrumbs li {
			list-style-type:none;
			float:left;
			line-height:25px;
			padding:0px 5px 0px 0px;
			font-size:1.1em;
			font-family:Arial, Helvetica, sans-serif;
			color:#4c4c4c;
		}
	
			#breadcrumbs li a {
				display:block;
				color:#4c4c4c;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
			}

			#breadcrumbs li.current,
			#breadcrumbs li.current a  {
				color:#bf1238;
			}

			#breadcrumbs li a:hover {
				text-decoration:underline;
			}

/* 
-----------------------------------------------------------------------------*/

	#footer {
		background-image:url("/Style Library/Images/ProRail/EHRM/prorail-non-stop.gif");
		background-position:right 17px;
		background-repeat:no-repeat;
		height:50px;
	}

	#sleave h4,
	#footer h4 {
		/* make this look like a h3 */
		font-size:13px;
		
		border-bottom:1px solid #dedede;	
		margin-bottom:3px;
		padding-bottom:3px;
	}
	
	#footer h4 {
		margin-left:-5px;
		text-indent:5px;
	}
	
	#sleave h4 a {
		text-decoration:none;
	}	

		#sleave li {
			color:#999;
			list-style-type:none;
			margin-left:0px;
			padding-left:7px;
			background-image:url('/Style Library/Images/ProRail/EHRM/footer-buller.gif');
			background-position:left center;
			background-repeat:no-repeat;			
		}

		#footer li {
			color:#999;
			list-style-type:none;
			list-style-position:inside;
			margin:0 7px 0 0;
			float:left;
			display:inline;
		}


			#footer ul a,
			#sleave ul a {
				color:#808080;
				font-size:1.1em;
				line-height:1.6em;
				text-decoration:none;
			}
			
			#footer ul a {
				border-right:1px solid #d5d5d5;
				padding-right:7px;
			}

				#footer ul .last a {
					margin-right:0;
					border-right:0;
				}

			#footer ul a:hover,
			#sleave ul a:hover {
				color:#bf1238;
			}


/* 
-----------------------------------------------------------------------------*/

	#holder {
		position:absolute;
		z-index:100;
		left:50%;
		margin-left:-420px;
		width:845px;
		bottom:-25px;		
		background-image:url("/Style Library/Images/ProRail/EHRM/background-homedouble.png");
		background-position:-70px bottom;
		background-repeat:no-repeat;
		margin-bottom:20px;
	}

	#shortcuts,
	#sections {
		background-image:url("/Style Library/Images/ProRail/EHRM/background-homedouble-head.png");
		background-position:left top;
		background-repeat:no-repeat;
		width:378px;			
		font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
		float:left;
		margin-top:-2px;
		padding-top:2px;
	}

	#sections {
		margin-left:0px;
	}

	#shortcuts {
		margin-left:82px;
	}			

	#shortcuts .inner,
	#sections .inner{
		padding:8px 12px 0px;
		overflow:hidden;
		max-height:105px;
		height:auto;
	}


	#shortcuts .foot,
	#sections .foot{
		height:20px;
		display:block;
		clear:both;
	}
	
	#shortcuts h2,
	#sections h2 {
		/* make this look like a h1 */
		font-size:18px;
		line-height:1.2em;
		
		border-bottom:1px solid #e0e0e0;
		padding-bottom:4px;
	}	
	
		#shortcuts ul,
		#sections ul {
			list-style-type:none;			
			
		}

			#shortcuts ul li ,
			#sections ul li {
				list-style-type:none;			
				float:left;
				display:block;
				width:49%;
			}
			
			#shortcuts ul li {
				width:100%;
			}


			#shortcuts ul li a,
			#sections ul li a {
				background-image:url("/Style Library/Images/ProRail/EHRM/single_gray_arrow.gif");
				background-position:-2px 3px;
				background-repeat:no-repeat;
				font-size:13px;
				line-height:15px;
				text-decoration:none;
				color:#808080;
				float:left;
				display:block;
				padding:0px 0px 0px 10px;
			}

			.maxmode #shortcuts ul li a,
			.maxmode #sections ul li a {
				background-position:-2px 3px;
			}

				.maxmode #shortcuts ul li a,
				.maxmode #sections ul li a {
					line-height:1.15em !important;
				}
	
				#shortcuts ul li a:hover,
				#sections ul li a:hover {
					background-image:url('/Style Library/Images/ProRail/EHRM/arrows.gif');
					background-position:-3px -15px;
					color:#bf1238;
					padding-left:10px;
				}

	#shortcuts ul {
		float:left;
		width:175px;

	}

/* 
-----------------------------------------------------------------------------*/

	#sidewide-menu {
		position:absolute;
		top:0px;
		right:0px;
	}
	
		#sidewide-menu ul {
			list-style-type:none;			
			
		}

			#sidewide-menu ul li {
				list-style-type:none;			
				float:left;
			}
			
			#sidewide-menu ul li.styleswitcher,
			#sidewide-menu ul li a {
				font-size:1.1em;
				line-height:1.1em;
				text-decoration:none;
				color:#999;
				float:left;
				padding-right:5px;
				margin-right:5px;
				border-right:1px solid #d5d5d5;
			}
			
			#sidewide-menu ul li.styleswitcher,
			#sidewide-menu ul li.last a {
				border-right:0px solid #d5d5d5;
			}
				#sidewide-menu ul li.first a {
					padding-left:0px;
					margin-left:0px;
					border-left:0px solid #d5d5d5;
				}
			
				#sidewide-menu ul li.styleswitcher a {
					padding-left:2px;
					margin-left:2px;
					border-left:0px solid #d5d5d5;
				}

				#sidewide-menu ul li a:hover {
					color:#bf1238;
				}

	#sidewide-menu ul li .small {
		font-size:.8em;
		line-height:1.6em;
		padding-left:5px;
	}

	#sidewide-menu ul li .medium {
		font-size:1em;
		line-height:1.4em;
		padding-left:5px;
	}

	#sidewide-menu ul li .large {
		font-size:1.2em;
		line-height:1em;
		padding-left:5px;
	}


/* 
-----------------------------------------------------------------------------*/
	
	#submenu {
		line-height:40px;
		height:73px;
		background-color:#eee;
		top:-2px;
		font-family:Arial, Helvetica, sans-serif;
		background-image:url("/Style Library/Images/ProRail/EHRM/background-submenu.gif");
		background-position:left top;
		background-repeat:repeat-x;
		position:relative;
		z-index:10000;
		width:980px;
	}

		#submenu ul {
			display:inline;
			width:980px;
		}
	
		#submenu ul ul {
			position:absolute;
			left:0px;
			line-height:33px;
			height:33px;
			display:inline;
			margin-top:-4px;
		}
		
				#submenu ul ul ul {
					position:absolute;
					left:auto;
					width:auto;
				}
						
			#submenu ul ul li{
				line-height:33px;
				height:33px;
			}
			
		#submenu li {
			float:left;
			list-style-type:none;
		}

		#submenu li.active li a,
		#submenu a {
			line-height:38px;
			color:#808080;
			text-decoration:none;
			display:block;
			font-size:1.3em;
			padding:0px 15px;
			margin:2px 0px;
			background-color:transparent;
		}
	
		#submenu a {
			line-height:38px;
			color:#808080;
			text-decoration:none;
			display:block;
			font-size:1.3em;
			padding:0px 15px;
			margin:2px 0px;
		}
	
			#submenu ul ul ul  a {
				margin:1px 0px;
				display:block;
			}

			#submenu li.active li.selected_l2 a,
			#submenu li.selected li.selected_l2 a,
			#submenu ul ul .selected a,
			#submenu li.selected a {
				color:#000;
				background-color:#fff;
				/*font-weight:bold;*/
			}



			#submenu .selected a {
				color:#000;
			}

			#submenu li.active li.active li.active a,
			#submenu li.active li.active a,
			#submenu li.active a {
				color:#bf1238;
				background-color:#fff;
				font-weight:bold;
			}

				#submenu li.active li.active a {
					border-top:1px solid #d5d5d5;
					line-height:27px;				
					border-bottom:5px solid #fff;
				}
	
			#submenu li.active li a,
			#submenu ul ul a {
				color:#808080;
				line-height:30px;
				font-size:10px;
				font-weight:normal;
				white-space:nowrap;
			}

			#submenu li.active li.selected_l2 ul,
			#submenu .selected_l2 ul {
				border:1px solid #d5d5d5;
				margin-top:-3px;
			}


			#submenu li.active li.selected_l2 a,
			#submenu .selected_l2 a {
				background-color:#fff;
				color:#4c4c4c;
				border:1px solid #d5d5d5;
				border-width:1px 1px 0px 1px;
				padding:0px 14px;
				line-height:28px;
				height:32px;
				position:relative;
				z-index:10;
			}


			#submenu .selected li a {
				background-color:transparent;	
				color:#808080;
			}

			#submenu .selected li li a {
				border:0px;
			}

				#submenu ul ul li.selected_l2 ul,
				#submenu .selected ul {
					display:block;
					visibility:visible;
				}
				#submenu .selected ul ul, 
				#submenu ul ul ul,
				#submenu ul ul {
					display:none;
					visibility:hidden;
				}

				#submenu ul ul ul {
					float:none;
					min-width:100px;
					height:auto;
					background-color:#fff;
					border:1px solid #ccc;
				}

					#submenu ul ul ul li {
						display:block;
						float:none;
		
					}

						#submenu li.active li.selected_l2 li a,
						#submenu .selected_l2 li a,
						#submenu ul ul ul li a {
							display:block;
							border:0px solid #ccc;
							float:none;
							color:#666666;
							line-height:23px;
							margin:0px;
							height:23px;
						}
						
							#submenu li.active li.active li a {
								font-weight:normal;
							}

								#submenu li.selected li.selected_l2 li a:hover,
								#submenu li.active li.active li a:hover {
									font-weight:bold;
								}


						#submenu li.active li.selected_l2 li,
						#submenu .selected_l2 li,
						#submenu ul ul ul li {
							height:23px;
						}

						#submenu li.active li.active li.active a:hover,
						#submenu li.active li.active a:hover,
						#submenu li.active a:hover,
						#submenu ul ul li.selected_l2 ul a:hover,
						#submenu ul li.selected_l ul li.selected_l2 ul a:hover {
							color:#000;
						}

			
/* 
-----------------------------------------------------------------------------*/

	#main .doublewidth .singlewidth .module,
	#main .singlewidth .module,
	#main .module{
		margin-right:0px;
		min-height:20px;
		height:auto !important; /* voor moderne Browser */
		height:20px; /*voor IE6 */
		background-color:#eee;
		margin-right:3px;
	}	
			
	#main .doublewidth .singlewidth .module-end,
	#main .singlewidth .module-end,
	#main .module-end {
		background-image:url("/Style Library/Images/ProRail/EHRM/4x1 - single background end.jpg");
		background-position:bottom left;
		background-repeat:repeat-x;
		
		height:5px;
		margin-top:-5px;
		margin-bottom:5px;
	}

		#main .doublewidth .module-end {
			background-image:url("/Style Library/Images/ProRail/EHRM/double background end.jpg");
		}

	#lastcolumn {
		margin-right:0px;
	}

	.singlewidth,
	#main .singlewidth {
		width:239px;
	}

	.doublewidth,
	#main .doublewidth {
		width:482px;
	}

	.triplewidth,
	#main .triplewidth {
		width:732px;
	}

		.displayMode .singlewidth,
		.displayMode .doublewidth,
		.displayMode .triplewidth,
		.displayMode #main .singlewidth,
		.displayMode #main .doublewidth,
		.displayMode #main .triplewidth {
			overflow:hidden;
			height:auto;
		}
	
/* 
-----------------------------------------------------------------------------*/


	.ms-MenuUIPopupBody {
		z-index:100000;
	}

/* 
-----------------------------------------------------------------------------*/

	.ms-siteaction {
		float:right;
		margin-top:-20px;
	}
	
	.ms-siteaction .ms-siteactionsmenu div div div {
		background-image:none;
		background-color:#BF1238;
		color:#000;
		font-weight:normal;
		border:1px solid #fff;
		padding:4px 6px 4px 12px;
	}
	
	.ms-siteaction .ms-siteactionsmenu div div div a {
		color:#fff;
		font-weight:normal;
	}	
	
	#zz10_Menu {
		color:#666;
		font-weight:normal;
	}
	
	#sharepoint-edit{
		padding:10px;
		margin-bottom:10px;
		border-bottom:1px solid #ddd;
		background-color:#f9f9f9;
	}

/* 
-----------------------------------------------------------------------------*/

	#main .noborder .module-end,
	#main .noborder .module {
		background-color:#eee;
		background-image:none;
	}
	
/* 
-----------------------------------------------------------------------------*/

	#main .doublewidth .module #jobsearch {
		background-color:#fff;
		float:none;
		padding-bottom:30px;
	}
	
	#jobsearch dt {
		position:relative !important;
		background-color:#D9D9D9
	}

	#jobsearch h2 {
		/* make this look like a h1 */
		font-size:18px;
		
		padding-bottom:10px;
	}	
	
	#jobsearch h2 em {
		padding-left:5px
	}

	#jobsearch h2 strong {
		font-style:normal;
	}

	#jobsearch .doublewidth .module-end,
	#jobsearch .doublewidth .module {
		background-image:none;
	}

	#jobsearch dl {
		background-color:#d9d9d9;
		border:1px solid #d9d9d9;
	}
	
	#jobsearch dt a {
		padding:0px 35px 0px 10px;
		line-height:2.5em;
		overflow:hidden;
		font-size:1.1em;
		display:block;
		text-decoration:none;
		color:#333;
		font-weight:bold;
		background-position:458px 10px;
		background-repeat:no-repeat;
	}

		.activeJs #jobsearch dt a {
			background-image:url("/Style Library/Images/ProRail/EHRM/icon-list-plus.gif");
		}


		#jobsearch dt.open a {
			background-image:url("/Style Library/Images/ProRail/EHRM/icon-list-min.gif");
			color:#bf1238;
		}
		
	#jobsearch dd{
		font-size:1.2em;
		clear:both;		
		background-position:right top;
		background-repeat:repeat-y;
		background-image:url("/Style Library/Images/ProRail/EHRM/listing-background.gif");
		border-top:1px solid #d9d9d9;
		border-bottom:1px solid #d9d9d9;
		position:relative;
	}
	
	.activeJs #jobsearch dd{
		display:none;
	}
	
	.activeJs #jobsearch dd.active{
		display:block;
	}
	
		#jobsearch dd .info{
			width:111px;
			background-color:#f3f3f3;
			border-left:1px solid #d9d9d9;
			float:right;
			padding:5px;
		}
	
			#jobsearch .info .defaultactions {
				position:absolute;
				right:5px;
				top:5px;
			}
			
				#jobsearch .info .defaultactions a {
					display:block;
					background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
					background-repeat:no-repeat;
					font-size:.77em;
					line-height:1.4em;
					overflow:hidden;
					text-align:right;
					padding-right:20px;
				}
			
				#jobsearch .info .defaultactions a.send {
					background-position:right -20px;
				}
			
				#jobsearch .info .defaultactions a.save {
					background-position:right 0px;
				}
			
		#jobsearch dd .description {
			width:330px;
			float:left;
			padding:10px;
			font-size:.9em;
			color:#4c4c4c;
			line-height:1.4em;
		}
		
		#jobsearch a {
			color:#bf1238;
		}

		#jobsearch .paging {
			position:absolute;
			clear:both;
			margin-top:5px;
			margin-bottom:-24px;
			text-align:center;
			height:19px;
			width:480px;
		}

		#jobsearch .paging a {
			color:#000;
			padding:2px;
		}

		#jobsearch .paging a.selected {
			color:#bf1238;
			font-weight:bold;
			text-decoration:none;
		}

		#jobsearch .paging a.previous,
		#jobsearch .paging a.next {
			display:block;
			background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
			background-repeat:no-repeat;
			font-size:.9em;
			line-height:1.4em;
			overflow:hidden;
			text-decoration:none;
			color:#000;
		}

		#jobsearch .paging a.previous {
			position:absolute;
			left:5px;
			top:0;
			padding-left:20px;
			background-position:left -57px;
		}
		#jobsearch .paging a.next {
			position:absolute;
			right:5px;
			top:0;
			padding-right:20px;
			background-position:right -77px;
		}	

			#jobsearch .paging .disabled {
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
				filter: alpha(opacity=30);	
				opacity: .30;
			}


/* 
-----------------------------------------------------------------------------*/

	.even,
	#jobsearch dt.even {
		background-color:#fff;
	}
	
	
/* 
-----------------------------------------------------------------------------*/

	.filter {
		width:216px;
		border-top:1px solid #d2d2d2;
		padding:5px 0px;
	}

		.filter li {
			list-style-type:none;
			color:#666666;
		}
	
			#jobsearchfilter {
				padding:10px 0px 10px 10px;
				overflow:hidden;
			}
			
				#jobsearchfilter .filter h4 {
					/* make this look like a h3 */
					font-size:13px;
					
					cursor:hand;
					cursor:pointer;
					text-transform:lowercase;
				}
			
				#jobsearchfilter table {
					margin:0px 0px 0px 2px;	
					width:100%;
				}				
		
					#jobsearchfilter .filter td {
						color:#666666;
						text-decoration:none;
						font-size:.9em;
						display:block;
						line-height:1.7em;
						padding:0px;
						margin:0px;
						background-repeat:no-repeat;
						background-position:left -12px;
						cursor:hand;
						cursor:pointer;
					}

					#jobsearchfilter .filter td:hover {
						font-weight:bold;
						letter-spacing:-1px;
					}
					
					#jobsearchfilter .filter td.chosen {
						color:#bf1238;
						background-position:left 5px;
					}

			#jobsearchfilter #classicsearch {
				padding:0px 0px 5px;
			}
			
			#jobsearchfilter #classicsearch .textbox {
				width:145px;
			}
			
			#jobsearchfilter #classicsearch a {
				display:block;
				font-size:.85em;
				text-decoration:none;
				color:#BF1238;
			}
			
			input.button {
				background-color:#bf1238;
				padding:2px 6px;
				text-transform:lowercase;
				font-size:10px;
				border:0px;
				color:#e8dd11;
				margin-right:4px;
			}
			
			input.textbox {
				padding:3px 6px;
				font-size:10px;
				border:1px solid #bfbfbf;
				color:#808080;
				margin-right:4px;
			}

	.filter input {
		margin-right:5px;
	}

	.activeJs .filter input {
		margin-left:-40px;
		margin-right:40px;
	}			
			
	.activeJs #jobsearchfilter .filter td {
		background-image:url('/Style Library/Images/ProRail/EHRM/checkbox-icons.gif');
	}
	

/* 
-----------------------------------------------------------------------------*/

	.jsEnhanced {
		display:none;
	}
	
	.activeJs .jsEnhanced {
		display:inline;
	}	
	
	/**/
	
	.rad-editor-webpart-inner {
		padding:5px;
	}
	
	font,
	u,
	span {
		font-family:Arial, Helvetica, sans-serif !important;
		font-size:12px !important;
		text-decoration:none !important;
	}
	
	u,
	.rad-editor-webpart-inner span {
		text-decoration:none !important;
	}

	.rad-editor-webpart-inner h1 font,
	.rad-editor-webpart-inner h2 font,
	.rad-editor-webpart-inner h1 span,
	.rad-editor-webpart-inner h2 span {
		font-family:Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	}
	.rad-editor-webpart-inner h3 font,
	.rad-editor-webpart-inner h4 font,
	.rad-editor-webpart-inner h5 font,
	.rad-editor-webpart-inner h6 font,
	.rad-editor-webpart-inner h3 span,
	.rad-editor-webpart-inner h4 span,
	.rad-editor-webpart-inner h5 span,
	.rad-editor-webpart-inner h6 span {
		font-family:Arial, Helvetica, sans-serif !important;
		font-weight:bold;
	}

	.rad-editor-webpart-inner a {
		color:#000;
	}
	
		.rad-editor-webpart-inner a:hover {
			color:#BF1238;
		}
	
	.rad-editor-webpart-inner ol li {
		text-indent:-4px;
	}
	
	.rad-editor-webpart-inner img {
		margin:5px;
		background-color:#fff;
		border:1px solid #d6d6d6 !important;
		padding:2px;
	}


 /* 
 -----------------------------------------------------------------------------*/

	#jobopening #details {
		border:1px solid #dbdbdb;
		margin:34px 0 12px 0;
		background-image:url('/Style Library/Images/ProRail/EHRM/background-jobdetails.gif');
		background-repeat:repeat-y;
		background-position:right top;
		width:726px;
		position:relative;
	}
	
		#jobopening #details h1,
		#jobopening .description {
			position:relative;
			top:-30px;
		}
		#jobopening .description {
			top:-25px;								
		}

	#jobopening .description {
		width:476px;
		float:left;
		padding:10px;
	}

	#jobopening .extrainformation {
		margin-top:-15px;
		width:210px;
		float:right;
		padding:10px 10px 40px;
	}
	
	#jobopening .extra_attention,
	#jobopening .extra_attention_bottom {
		background-color:#bf1238;
		text-align:center;
		padding:5px 0px;
		width:210px;
	}
	
	#jobopening .extra_attention_bottom {
		position:absolute;
		bottom:14px;
	}
		
		#jobopening .extra_attention a,
		#jobopening .extra_attention_bottom a {
			background-image:url("/Style Library/Images/ProRail/EHRM/single_white_arrow.gif");
			background-repeat:no-repeat;
			background-position:0px 5px;
			padding-left:10px;
			color:#e8dd11;
			font-size:1.25em;
			font-family:Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
			text-decoration:none;
		}

	#main .actions {
		margin:10px 0px 0px 0px;
		padding:5px 0px 5px 0px;
		border-top:1px solid #ccc;
		list-style-type:none;
		color:#bf1238;
		font-size:.9em;
		text-align:right;
	}
	
		#main .actions a {
			display:block;
			padding-right:18px;
			margin-bottom:3px;
			line-height:1.4em;
			color:#bf1238;
			text-decoration:none;
		}

		.actions .vacancydetailprint {
			background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
			background-repeat:no-repeat;
			background-position:right -40px;
		}
		
		.actions .save {
			background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
			background-repeat:no-repeat;
			background-position:right 0;
		}
		
		.actions .sendafriend {
			background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
			background-repeat:no-repeat;
			background-position:right -20px;
		}
		
        .actions .savevacancy {
			background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
			background-repeat:no-repeat;
			background-position:right -0px;
		}
		
		.print {
			background-image:url("/Style Library/Images/ProRail/EHRM/icons.gif");
			background-position:right -40px;
			background-repeat:no-repeat;
			display:block;
			float:right;
			height:20px;
			padding-right:20px;
			text-indent:-5000px;
		}

		
	#jobopening .extrainformation h3 {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		color:#bf1238;
		font-size:1.2em;
		padding:2px 0px;
	}

	.jobdetails {
		padding:5px 0px 5px 0px;
	}
		.jobdetails dt {
			font-weight:bold;
		}
		
		.jobdetails dd {
			padding:0px 0px 10px 15px;
		}
	
/* 
-----------------------------------------------------------------------------*/

	.buttonbar {
		margin-top:5px;
		padding-top:5px;
		border-top:1px solid #ddd;
		text-align:right;
	}
		
/* 
-----------------------------------------------------------------------------*/

	.banner-webpart-inner {
		padding:1px 2px 1px 1px;
		line-height:1em;
	}

	.banner-webpart-inner img {
		width:100%;
	}

/* 
-----------------------------------------------------------------------------*/

	#formulier {
		width:100%;
		margin:0px auto;
		border:1px solid #ddd;
		background-color:#f6f6f6;
		-moz-border-radius:5px;
		overflow:hidden;
	}

	#formulier #selectie {
		margin:10px;
	}
	
	#formulier fieldset {
		border:0px solid #fff;
	}

		#formulier h2 {
			border-top:1px solid #ddd;
			border-bottom:1px solid #ddd;
			padding:5px;
			margin:8px 0px 3px;
		}
	
	#formulier label {
		float:left;
		display:block;
		width:150px;
		font-size:1.1em;
	}
	
	#wrapper .contactform label {
		width:100px;
	}

	#formulier div {
		margin-bottom:8px;
		clear:both;
	}

	#formulier textarea:hover,
	#formulier select:hover,
	#formulier input.input:hover,
	#formulier input[type=text]:hover
	{
		border:1px solid #000;
	}

	#formulier textarea:focus,
	#formulier select:focus,
	#formulier input.input:focus,
	#formulier input[type=text]:focus
	{
		border:1px solid #bf1238;
		color:#000;
	}

	#formulier textarea,
	#formulier input.input,
	#formulier input[type=text] {
		padding:3px 6px;
		font-size:11px;
		border:1px solid #bfbfbf;
		color:#808080;
		margin-right:4px;
	}

	#formulier select {
		outline:0px;
		text-transform:lowercase;
		font-size:11px;
		border:1px solid #bfbfbf;
		color:#333;
	}

	#formulier option {
		padding:3px 2px 3px 6px;
		color:#808080;
	}

	#formulier option:hover {
		background-color:#bf1238;
		color:#fff;
	}
	
	#formulier .validator {
		color:#bf1238 !important;
		font-size:1.1em;
	}

	#formulier .required {
		font-size:3em;
		position:absolute;
		color:#bf1238 !important;
	}


	#formulier .first {
		color:#bf1238 !important;
		padding-left:10px;
	}

/* 
-----------------------------------------------------------------------------*/

 	#tellafriend #formulier {
		width:484px;
		margin:0px 0px 10px 0px;
	}

 	#main #tellafriend {
		width:494px;
		margin:0px 0px 0px 0px;
	}

	#tellafriend textarea {
		margin-left:85px;
	}
	

/* 
-----------------------------------------------------------------------------*/

	.top-vacancy-webpart-inner {
		position:relative;
		padding:10px;
		height:159px;
		overflow:hidden;
	}
	
    #main .top-vacancy-webpart-inner ul,
	.top-vacancy-webpart-inner ul {
		margin-top:16px;
		margin-left:0px;
		padding-left:0px;
	}

	.top-vacancy-webpart-inner-v2 {
		position:relative;
		padding:10px;
		height:159px;
		background-color:#fff;
	}

		#homepage-main .top-vacancy-webpart-inner ol,
		#main .top-vacancy-webpart-inner ol {
			margin:0px;
			padding-left:10px;			
		}

		#homepage-main .top-vacancy-webpart-inner-v2 ol,
		#main .top-vacancy-webpart-inner-v2 ol {
			margin:0px;
			padding-left:0px;			
		}

		.top-vacancy-webpart-inner-v2 li,
		.top-vacancy-webpart-inner li {
			list-style-type:none;
			line-height:1em;
			margin-bottom:4px;
			background-image:url("/Style Library/Images/ProRail/EHRM/single_gray_arrow.gif");
			background-position:5px 0px;
			background-repeat:no-repeat;
		}
	
			#homepage-main .top-vacancy-webpart-inner-v2 li a,
			#main .top-vacancy-webpart-inner-v2 li a,
			#main .top-vacancy-webpart-inner li a,
			.top-vacancy-webpart-inner li a,
			#main .saved-vacancy-webpart-inner li a,
			.saved-vacancy-webpart-inner li a {
				text-decoration:none;
				color:#bf1238;
				font-size:11px /* 0.9em */;
				line-height:1emgroove;
				margin-left:15px;
				font-weight:bold;
				display:block;
			}
		
			.top-vacancy-webpart-inner-v2 li a:hover,
			.top-vacancy-webpart-inner li a:hover {
				text-decoration:underline;
			}
		
		.top-vacancy-webpart-inner .footer {
			background-image:url('/Style Library/Images/ProRail/EHRM/background-footer.gif');
			background-position:center top;
			background-repeat:repeat-x;
			height:19px;
			text-align:right;
			padding:22px 15px 3px 0px;
			margin:10px -10px -10px -10px;
			position:absolute;
			bottom:10px;
			width:300px
		}

			.top-vacancy-webpart-inner .footer a {
				color:#e8dd11;
				text-decoration:none;
				font-family:Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
			}

			.top-vacancy-webpart-inner .footer a:hover {
				text-decoration:underline;
			}

/**/

	.saved-vacancy-webpart-inner 
	{	
		padding:10px;		
	}

	.saved-vacancy-webpart-inner h3.module-title {
		display:inline;
		padding-right:10px;
		background-image:url('/Style Library/Images/ProRail/EHRM/saved_icons.gif');
		background-position:right 5px;
		background-repeat:no-repeat;
	}

	.saved-vacancy-webpart-inner .footer {
		padding-top:10px;
		margin-top:15px;
		border-top:1px solid #d0d0d0;
		padding-bottom:10px;
	}
	
	#main .saved-vacancy-webpart-inner .footer a {
		color:#808080;
		font-size:11px;
		background-image:url("/Style Library/Images/ProRail/EHRM/checkbox-icons.gif");
		background-position:left 3px;
		background-repeat:no-repeat;
		padding-left:13px;
		text-decoration:none;
	}
	
	.saved-vacancy-webpart-inner li {
		list-style-type:none;
		margin-left:0px;
	}
	
	#main .saved-vacancy-webpart-inner ul {
		border-top:1px solid #D0D0D0;
		margin-top:10px;
		padding-top:15px;
		margin-left:0px;
	}
	
	#main .saved-vacancy-webpart-inner li a
	{
		text-decoration:underline;
		padding:3px 0px;
		margin-left:13px;
	}

	#main .saved-vacancy-webpart-inner a.removesavedvacancy {
		background-image:url('/Style Library/Images/ProRail/EHRM/saved_icons.gif');
		background-position:-43px -36px;
		background-repeat:no-repeat;
		display:block;
		width:10px;
		height:14px;
		text-indent:-5000px;
		margin-left:0px;
		position:absolute;
		text-decoration:none;
	}

/**/

	#jobopening-overview {
		width:100%;
		height:130px;
		border-top:1px solid #ccc;
	}

	.top-vacancy-webpart-inner-v2 .extrainformation {
		float:right;
		width:44%;
		height:120px;
		padding:5px 3%;
	}

	.top-vacancy-webpart-inner-v2 ol {
		float:left;
		width:49%;
		height:120px;
		padding:5px 0px;
		border-right:1px solid #ccc;
	}

	#homepage-main .top-vacancy-webpart-inner-v2 .alljobopenings,
	#main .top-vacancy-webpart-inner-v2 .alljobopenings {
		background-color:#bf1238;
		color:#e8dd11;
		float:right;
		padding:2px 8px;
		margin-top:2px;
		text-decoration:none;
		bottom:15px;
		left:75%;
		width:140px;
		margin-left:-70px;
		position:absolute;
		text-align:center;
	}

	#homepage-main .top-vacancy-webpart-inner-v2 .alljobopenings {
		width:130px;
		margin-left:-73px;
		padding:2px 6px;
	}

/**/

	.small-vacancy-search-webpart-inner {
		background-color:#f2f2f2;
		background-image:url('/Style Library/Images/ProRail/EHRM/background-innermodule.gif');
		background-position:center bottom;
		background-repeat:repeat-x;
		height:159px;
		padding:10px 15px;
		margin:1px 0px 1px 1px ;
		position:relative;
	}
	
	#quickjobsearch {
		margin-top:-5px;
		margin-left:-15px;
	}

		.small-vacancy-search-webpart-inner .searcharea {
			float:left;
			margin-left:14px;
			margin-top:17px;
			height:36px;
		}
		
			.small-vacancy-search-webpart-inner #LocatieQuickSearchValue,
			.small-vacancy-search-webpart-inner #OpleidingsniveauQuickSearchValue 
			{
				width:105px;
			}
			
			.small-vacancy-search-webpart-inner #BedrijfseenheidQuickSearchValue,
			.small-vacancy-search-webpart-inner #FunctiegebiedQuickSearchValue 
			{
				width:165px;
			}
		
			.small-vacancy-search-webpart-inner .searcharea label{
				display:block;
				color:#666;
				font-size:.95em;
				line-height:1.1em;
				height:14px;
			}

			.small-vacancy-search-webpart-inner .searcharea select{
				width:100%;
				padding:2px 4px;
			}
			
		.small-vacancy-search-webpart-inner .buttonbar {
			border-top:1px solid #d0d0d0;
			margin-top:6px;
			padding-top:6px;
			width:100%;
		}			
	
		.small-vacancy-search-webpart-inner .button {
			background-color:#bf1238;
			color:#e8dd11;
			float:right;
			padding:2px 8px;
			margin-top:2px;
		}
		
		.small-vacancy-search-webpart-inner #link_resetall {
			position:absolute;
			left:15px;
			font-size:10px;
			color:#bf1238;
		}
		
		.small-vacancy-search-webpart-inner #link_resetall a {
			color:#808080;
			text-decoration:none;
		}
				
			.small-vacancy-search-webpart-inner #link_resetall a:hover {
				color:#bf1238;
			}
					
/**/

	#detailtext{
		background-color:#f3f3f3;
		border:1px solid #d9d9d9;
		padding:15px;
		margin-bottom:10px;
	}

		#detailtext div {
			display:inline;
			float:left;
		}
		
	#detailtext .intro {
		font-size:1.2em;
		line-height:1.7em;
		font-weight:bold;
		margin-bottom:6px;
		display:block;
		float:none;
	}


	#contacttext {
		width:100%;
	}

	#contacttext div {
		background-color:#f3f3f3;
		border:1px solid #d9d9d9;
		margin:10px 0px;
	}

	#contacttext .text {
		margin:5px 0px;
		border:0px;
		font-size:1.2em;
		line-height:1.7em;
	}

	#detailtext .text {
		padding:0px;
		display:block;
		float:none;
	}

	#detailtext .imagewithcaption {
		float:right;
		margin:5px 0px 5px 5px;
		display:inline;
	}

		.imagewithcaption div {
			display:inline;
			color:#999;
		}

		.imagewithcaption img {
			margin:0;
			border:1px solid #d6d6d6 !important;
			background-color:#fff;
			padding:1px;
		}
		
		.imagewithcaption {
			color:#808080;
			font-size:1em;
		}
				
		#content .zone {
			margin-right:4px;
		}		
		
		
	/** --- edit mode control panes --**/
	#content-fields-edit-pane {
		margin-top:5px;
		padding:5px 5px 5px 5px;
		border:#808080 solid 1px;
	
	}
	
	.zone-editmode {
		width:972px;
		margin-top:5px;
		margin-bottom:5px;		
	}
	
	/** **/
	
	.flex-vacancy-webpart{
		background-color:#fff;
		border:1px solid #d9d9d9;
		padding-bottom:15px;
	}
	
	.flex-vacancy-webpart h3.module-title {
		border-bottom:1px solid #d9d9d9;
		padding-bottom:7px;
	}
	
	.flex-vacancy-webpart .inner {
		padding:10px 10px 0px 10px;
		width:460px;
	}
	
	#main .flex-vacancy-webpart .text {
		border-left:1px solid #d9d9d9;
		width:186px;
		float:left;
		margin-left:-1px;
		position:relative; 
		font-size:1em;
		color:#4c4c4c;
		padding:10px 10px 5px 25px;
	}

	#main .flex-vacancy-webpart ul {
		border-right:1px solid #d9d9d9;
		width:222px;
		float:left;
		margin-top:10px;
	}

	#main .flex-vacancy-webpart ul,
	#main .flex-vacancy-webpart li {
		list-style-type:none;
		margin-left:0px;
	}
	
	#main .flex-vacancy-webpart li {
		background-image:url('/Style Library/Images/ProRail/EHRM/single_gray_arrow.gif');
		background-position:-2px 5px;
		background-repeat:no-repeat;
	}
	
	#main .flex-vacancy-webpart li a {
		margin-left:10px;
		text-decoration:none; 
		color:#bf1238;
		font-size:11px;
		font-weight:bold;
		display:block;
	}
	
	#main .flex-vacancy-webpart .alljobopenings {
		display:block;
		background-color:#bf1238;
		color:#e8dd11;
		padding:10px;
		margin-top:12px;
		text-decoration:none;
		text-align:center;
		font-size:1em;
	}

	#main .flex-vacancy-webpart .jobarrow {
		background-image:url("/Style Library/Images/ProRail/EHRM/single_white_arrow.gif");
		background-position:0px 3px;
		background-repeat:no-repeat;
		padding:0px 4px;
	}

	.validator {
		color:#BF1238 !important;
		font-size:1em;
	}

/* 
-----------------------------------------------------------------------------*/

	#content { 
		float:left;
		margin-right:9px;
	} 

/* 
-----------------------------------------------------------------------------*/

		.jobalert .allcheckbox input {
			float:left;
			margin:0px;
			margin-right:5px;
		}

		#formulier .allcheckbox  label {
			float:left;
			width:203px;
			margin:0px;
			margin-bottom:10px;
		}

		.jobalert h3 {
			border-bottom:1px solid #DDDDDD;
			border-top:1px solid #DDDDDD;
			margin:8px 0 3px;
			padding:5px;
			color:#BF1238;
			font-size:15px;
			font-weight:bold;
			margin-bottom:10px;
		}
		
		#formulier {
			width:99%;
		}
		
		#formulier .smallerlabel label{
			width:50px;
			margin-top:4px;
		}
		
		.jobalert p {
			color:#333333;
			font-size:1.2em;
			line-height:1.5em;
		}
		
		.jobalert h1 {
			padding:10px 10px 0px 10px;
			margin-bottom::-10px;
		}
/* 
-----------------------------------------------------------------------------*/

	.err 
	{
		color:#bf1238;
		font-weight:bold;
		font-size:16px !important;
	}
	
	/*********************/
	
	#formulier label.autowidth {
		width:auto;
		padding-right:10px;
	}
	
	#formulier .group label {
		width:225px;
	}
	
	#formulier div.group {
		margin:8px 0px;
		display:block;
		clear:both;
		padding:8px 0px;
	}

	#formulier .salaryindication label {
		width:auto;
		display:block;
		float:none;
	}
	
	#formulier .noticeperiode div {
		float:left;
		width:150px;
		clear:none;
	}
	
	#formulier .noticeperiode {
		display:block;
		height:50px;
	}
	
	#formulier .contentblock {
		float:left;
		width:300px;
		clear:none;
	}

	#formulier .twocolumns label {
		width:100%;
	}
	
	#formulier .columns,
	#formulier .column {
		width:225px;
		float:left;
		clear:none;
	}
	
		#formulier .columns label,
		#formulier .column label {
			width:100%;
		}

	.submitbuttonblock {
		display:block;
		height:30px;
		text-align:right;
	}