*
{
	margin				: 0;
	padding				: 0;
}

img
{
	border: 0;
}

area
{
	cursor				: pointer;
}
.capitalize
{
	text-transform		: capitalize;
}
.clear
{
	clear				: both;
}
.left
{
	float 				: left;
}
.center
{
	text-align			: center;
}
.right
{
	float 				: right;
}
.hidden
{
	display				: none !important;
}
.visible
{
	display				: block !important;
}
.red
{
	color				: red;
}
.bold
{
	font-weight			: bold;
}
.pointer
{
	cursor				: pointer;
}

hr.striped
{
	border				: 0;
	border-top			: 1px solid;
	
}
input.submit, input.button, a
{
	cursor				: pointer;
}
@font-face {
  	font-family			: Notes;
  	src					: url("/images/Notes-Regular.eot");
}
@font-face {
  	font-family			: Notes;
  	src					: url("/images/Notes-Regular.ttf") format("opentype");
}

@font-face {
  	font-family			: Notes Caps;
  	src					: url("/images/Notes-RegularCaps.eot");
}
@font-face {
  	font-family			: Notes Caps;
  	src					: url("/images/Notes-RegularCaps.ttf") format("opentype");
}

@font-face {
	font-family			: Notes Bold;
  	src					: url("/images/Notes-Bold.eot");
}
@font-face {
  	font-family			: Notes Bold;
  	src					: url("/images/Notes-Bold.ttf") format("opentype");
}

html, body
{
	background-image	: url("/images/body_bg.jpg");
	font-family			: Verdana;
	font-size			: 11px;
	height				: 100%;
	margin				: 0;
	padding				: 0;
}
fieldset
{
	border				: 0;	
}
div#outer_container
{
	height				: auto !important;
	min-height			: 100%;
	position			: relative;
	width				: 100%;
}

div#head_container
{
	position			: relative;
	z-index				: 30;
}
div#topbar
{
	width				: 100%;
	height				: 27px;
	background-color	: #91ACBD;
}

div#topbar div.inner
{
	position			: relative;
	width				: 945px;
	left				: 50%;
	margin-left			: -472px;
	color				: #FFFFFF;
}

div#topbar div.inner ul#masternavigation
{
	position			: absolute;
	right				: 0;	
}
div#topbar div.inner ul li
{
	float				: left;
	list-style			: none;
	padding				: 0 20px;
	margin-top			: 2px;
}

div#topbar div.inner ul li.leftstripe
{
	border-left			: 1px solid #C8D7DE;
}

div#topbar div.inner ul li.leftstripe span.welcomeMessage
{
	display				: block;
	float				: left;
	margin				: 4px 10px 0 0;
	font-weight			: bold;
}

div#topbar div.inner ul li.leftstripe a.logoutButton
{
	display				: block;
	float				: left;
}

div#topbar div.inner ul li input
{
	margin-right		: 5px;
}

div#topbar div.inner ul li input.text, div#topbar div.inner ul li input.password
{
	color				: #8d8d8d;
	font-size			: 11px;
	border				: 1px solid #7e9291;
	padding				: 0 2px;
	height				: 14px;
	width				: 100px;
	margin-top			: 2px;
}
div#topbar div.inner ul li label.label
{
	font-size			: 11px;
	margin-right		: 10px;
}

div#topbar div.inner ul li input.submit
{
	background-color	: #56606A;
	color				: #FFFFFF;
	border				: none;
	font-size			: 11px;
	font-weight			: bold;
	height				: 17px;
	margin-top			: 3px;
	padding				: 1px 3px 3px 3px;
	display				: inline;
}

div#topbar div.inner ul li a.topButton
{
	font-size			: 11px;
	padding-top			: 3px;
	padding-bottom		: 5px;
}

/* Left Navigation */

ul#leftNavigation,
ul#leftNavigation *
{
	margin				: 0 !important;
	padding				: 0 !important;
}

ul#leftNavigation
{
	list-style			: none;
	width				: 150px;
}

ul#leftNavigation li
{
	margin-bottom		: 5px !important;
}

ul#leftNavigation a
{
	color				: #fff !important;
}

ul#leftNavigation a.active
{
	color				: #92acbd !important; /* GrayBlue */
}

ul#leftNavigation ul.leftNavChildren
{
	list-style			: none;
	width				: 140px;
	margin				: 5px 0 5px 10px !important;
}

/* 
 * CONTAINER
 */
div#container
{	
	top					: 0;	
	height				: auto !important;
	left				: 50%;
	margin-left			: -472px;
	position			: absolute;
	z-index				: 20;
	width				: 958px;

}

div#top_image
{
	height				: 235px;
	margin-top			: 150px;
}
div#pageContent
{
	padding-right		: 20px;
}
div#content_container
{

	background-image	: url("/images/container_bg.png"); 
	margin-top			: 10px;
}

div#container_leftbar
{
	width				: 170px;
	float				: left;
	padding-top			: 25px;
	padding-left		: 10px;
}

div#container_rightbar
{
	float				: left;
	width				: 725px;
	padding				: 0 20px 20px 20px;
		
	min-height			:100%;
    height				:auto !important;
    height				:100%;
}

div#container_rightbar_left
{
	width				: 565px;
	float				: left;	
	padding				: 0 20px 0 0;
}
.pageTitle
{
	font-family			: Notes Caps, Trebuchet MS;
	text-transform		: lowercase;
	padding-bottom		: 20px;
	font-size			: 21px;
	margin-top			: 5px;
}

h2.contentTitle,
div#container_rightbar_left h2,
div#container_rightbar_left h3
{
	color				: #25546E; /* DarkBlue */
	font-size			: 14px;
}
div#container_rightbar_right
{

	width			: 140px;
	vertical-align		: middle;
	min-height		: 100%;
    	height			: auto !important;
    	height			: 100%;
    	vertical-align		: middle;
    	float			: left;
    	background-image	: url("/images/rightbar_wave.png");
    	background-repeat	: no-repeat;
    	background-position	: 50% 50%;
}

div#container_rightbar_right h3.right_title
{
	margin-top			: 35px;
	font-size			: 13px;
	margin-bottom		: 10px;
}

div.rightbar_content
{
	min-height			: 300px;
}


div.bottom
{
	height				: 2px;
	position			: relative;
	bottom				: 0;
	border				: 1px solid red;
	width				: 100%;
}

/* Tooltip */
div.tooltip-container
{
	position			: relative;
	float				: none !important;		/* IE7 */
	display				: inline !important;	/* IE7 */
	width				: 12px !important;		/* IE7 */
	margin-left 		: 3px !important;
	z-index				: 99;
}

img.tooltip
{
	margin-bottom		: -1px;
	width				: 12px;
	height				: 12px;
	
}

div.balloon
{
	position			: absolute;
	right				: 20px;
	top					: -20px;
	width				: 218px !important;
}

div.balloon_top
{
	width				: 218px !important;
	height				: 33px;
	background-image	: url("/images/balloon_top.png");
}

div.balloon_content
{
	width				: 178px !important; /* 218px */
	background-image	: url("/images/balloon_content.png");
	padding-left		: 15px;
	padding-right		: 25px;
	margin				: 0 !important;
	float				: none;
	
}

div.balloon_content p
{
	margin-top			: -14px;
	position			: relative;
	padding				: 0 0 6px 0 !important;

}

div.balloon_bottom
{
	width				: 218px !important;
	height				: 10px;
	background-image	: url("/images/balloon_bottom.png");
}


/**
 *  Content Elements Property Values Reset
 */
div#content_container a
{
	font-weight			: bold;
	text-decoration		: none;
	color				: #91acbc; /* LightBlue */
	cursor				: pointer;
}
div#content_container a:hover
{
	text-decoration		: underline;
}
div#content_container a:visited
{
	color				: #5b4f96; /* Purple */
}
a img
{
	border				: none;
	border				: 0;
}
div#content_container p /* With a font size of 11px */
{
	padding				: 0 0 11px 0;
	line-height			: 18px;
}

div#content_container ol
{
	margin-left			: 0px;
	
}

div#content_container ul li
{
	margin				: 0 0 0 25px;	
}

div#content_container div.grayBox ul li
{
	margin-left			: 10px;	
}

div#content_container ol li
{
	margin				: 0 0 0 30px;
}


h1, h2, h3, h4, h5, h6
{
	color				: #000;
}
h1
{
	margin				: 0 0 7px 0;
	line-height			: 16px;
	font-size			: 16px;
}
h2
{
	margin				: 0 0 7px 0;
	line-height			: 14px;
	font-size			: 14px;
}
h3
{
	margin				: 0 0 5px 0;
	line-height			: 13px;
	font-size			: 13px;
}
h4
{
	margin				: 0 0 5px 0;
	line-height			: 12px;
	font-size			: 12px;
}
h5, h6
{
	margin				: 0 0 11px 0;
	line-height			: 11px;
	font-size			: 11px;
}

/* Buttons */
div.baseButtons
{
	padding				: 10px 5px !important;
}

a.blueButton, input.blueButton,
a.redButton, input.redButton,
a.greenButton, input.greenButton,
a.submit, input.submit, input.button
{
	display				: block;
	font-family			: verdana !important; /* For input buttons */
	border-top			: 1px solid #6188a0;
	border-right		: 1px solid #779ab0;
	border-bottom		: 1px solid #88a8bc;
	border-left			: 1px solid #9db7c7;
	background-color	: #26546f; /* DarkBlue */
	padding				: 1px 25px 3px 25px;
	white-space			: nowrap;
	text-align			: center;
	font-weight			: bold;
	font-size			: 11px;
	text-decoration		: none !important;
	color				: #fff !important;
	cursor				: pointer;
}

.bigButton
{
	white-space			: normal !important;
}

a.greenButton, input.greenButton
{
	border-top			: 1px solid #787f51;
	border-right		: 1px solid #a8ac91;
	border-bottom		: 1px solid #d0d1c6;
	border-left			: 1px solid #d0d1c6;
	background-color	: #5b632a; /* DarkGreen */
	color				: #fff !important;
}

a.redButton,
input.redButton
{
	border-top			: 1px solid #787f51;
	border-right		: 1px solid #a8ac91;
	border-bottom		: 1px solid #d0d1c6;
	border-left			: 1px solid #d0d1c6;
	background-color	: #671b1d; /* DarkRed */
	color				: #fff !important;
}

/* PageSelect */
div.pageselect
{
	width				: 100%;
	clear				: both;
	text-align			: center;  
	height				: 30px;
}

a.pageselect_firstpage_link img,
a.pageselect_previouspage_link img,
a.pageselect_nextpage_link img,
a.pageselect_lastpage_link img,
span.pageselect_firstpage_text img,
span.pageselect_previouspage_text img,
span.pageselect_nextpage_text img,
span.pageselect_lastpage_text img
{
	margin				: 0 3px;
	margin-bottom		: -3px;
}

a.pageselect_currentpage_link,
span.pageselect_currentpage_text
{
	font-weight			: bold;
	font-size			: 12px;
	margin				: -4px 5px 0 5px;
}

a.pageselect_currentpage_link
{
	color				: #92acbd !important; /* GrayBlue */
}

span.pageselect_currentpage_text
{
	color				: #003656 !important; /* DarkBlue */
}

/**
 * Summary List
 * .summary is a standard styling of a list using ul>li>strong/span/clear/
 * This is used in several places so do not change.
 */
ul.summary{list-style: none; margin: 0;}
ul.summary li{margin: 0 0 3px 0 !important;}
ul.summary li.space{margin: 10px 0 0 0 !important;}
ul.summary li strong{display: block; float: left;width: 140px;}
ul.summary li span{display: block; float: left; width: 135px;}
ul.summary li sup{font-size: 7px;}
ul.summary li .small{font-size: 9px;}

/* Sorting selectbox */
div.sorting
{
	margin				: 15px 0 10px 0;
}
div.sorting select
{
	width				: 170px;
	font-size			: 10px;
}

/* FORM */
div.form_error, .error, .errors
{
	color				: red;
	clear				: both;
}
div#popup ul#error-login
{
	color				: #000 !important;
}
div.form_form form#defaultForm div.form_error
{
	margin-left			: 150px;
	clear				: both;
}
div.form_row
{
	clear				: both;
	margin-bottom		: 5px;
}
div.form_label
{
	float				: left;
	width				: 150px;
	font-weight			: bold;
}

div.form_field label
{
	position			: relative;
	top					: -2px;
}

div.form_field.searchModelLabels input
{
	margin-top			: 4px;
}

div.form_field_withIcon input
{
	margin-top			: 15px;
}

div.form_field_withTewoonIcon input
{
	margin-top			: 9px;
}

div.form_field.searchModelLabels img
{
	margin-top			: -7px;
}

*+html div.form_field.searchModelLabels img /* IE7 */
{
	margin-top			: -2px;
}

div.form_field.searchModelLabels label a
{
	display				: block;
	float				: left;
}

*+html div.form_field.searchModelLabels label a /* IE7 */
{
	margin-top			: 5px;
}

input.button
{
	float				: left;
	margin-right		: 10px;
}

textarea.tekst
{
	width				: 360px;
	height				: 100px;
}
/* FORM > RADIOFIELD */
div.field_RadioField input, div.field_RadioField label
{
	float: left;
}



p.bigspace /* To place single line text with space to fill void */
{
	padding-top			: 30px !important;
	padding-bottom		: 70px !important;
}

/* Carrousel */
div.carrousel
{
	position			: relative;
	width				: 660px;
	height				: 100px;
	overflow			: hidden;
	margin-top			: 10px;
	
}

div.carrousel div.carrouselPrevButton,
div.carrousel div.carrouselNextButton
{
	position			: absolute;
	width				: 20px;
	height				: 100px;
	top					: 0;
	z-index				: 20;
}

div.carrousel div.carrouselPrevButton
{
	left				: 0;
	background			: url("/images/imageCarrouselLeft.png") repeat-y;
}

div.carrousel div.carrouselNextButton
{
	right				: 0;
	background			: url("/images/imageCarrouselRight.png") repeat-y;
}

div.carrousel div.carrouselNextButton a,
div.carrousel div.carrouselPrevButton a
{
	display				: block;
	margin-top			: 46px !important;
}

div.carrousel div.carrouselNextButton a
{
	margin-left			: 5px !important;
}

div.carrousel div.carrouselPrevButton a
{
	margin-right		: 5px !important;
}

div.carrousel div.carrouselReel
{
	height				: 100px;
	width				: 660px;
	z-index				: 10;
}

div.carrousel div.carrouselReel div.imageItem
{
	width				: 165px; /* 165px x4 = 660px */
	float				: left;
	margin-bottom		: 100px;
	text-align			: center;
}

div.carrousel div.carrouselReel div.imageItem div.imageItemImage
{
	width				: 100px;
	height				: 70px;
	margin-left			: 32px;
	border				: 1px solid #91acbc; /* LightBlue */
	overflow			: hidden;
}

div.carrousel div.carrouselReel div.imageItem div.imageItemImage img
{
	border				: 0;
	border				: none;
}

div.carrousel div.carrouselReel div.imageItem img /* if not restricted in w-h */
{
	border				: 1px solid #91acbc; /* LightBlue */
}

div.carrousel div.carrouselReel div.imageItem strong a
{
	display				: block;
	color				: #91acbc; /* LightBlue */
	font-size			: 10px;
	text-decoration		: none;
	margin-top			: 4px;
}
/* END Carrousel */

div#tab_loading
{
	position		: absolute;
	height			: 100%;
	width			: 100%;
	text-align		: center;
	background-image: url("/images/blank_60perc.png");
	top				: 0;
}

div#tab_loading img
{
	position		: absolute;
	top			: 45%;
	left			: 45%;
}

img.loading
{
	margin: 40px 45%;
		
}

/**
 * GRAY BOX
 * "Softlined" box (.grayBox.grayBoxContentGrayBack) and "Hardlined" box (.grayBox.hardLineBox)
 * Box will ajust width to parent width and height to children height
 ******************************************************************************
 * *** ALTERATIONS IN THIS CODE WILL AFFECT ALL GRAYBOXES USED IN TEMPLATES	***
 * *** DO NOT CHANGE UNLESS ABSOLUTELY NEEDED. CHECK ALL TEMPLATES AFFECTED	***
 * *** For specific changes to graybox used in template, see below.			***
 ******************************************************************************
 */

/**
 * TEMP
 * #grayBox Header = div.grayBoxHeader>h2 IN div.grayBoxInnerMain
 * #contentBlock Header (with gray gradient in top) = div.grayBoxHeader>h3 IN div.contentBlockTop between div.left and div.right
 * #boxNavigation = div.grayBoxNav IN div.grayBoxInnerMain
 * #boxSubNavigation = div.grayBoxSubNav IN div.contentContainer
 * #box default content (with padding left-right) = div.grayBoxContent IN div.contentContainer
 * #box content with gray bg with no borders left-right = div.grayBoxContentGrayBack IN div.contentContainer
 * #making bottom hardline graybox bg gray = ADD bgGray TO div.contentContainerBottom
 */

/* BEGIN GRAYBOX CODE */
div.grayBox
{
	background-color	: #fff;
	clear				: both;
	/*overflow			: hidden;  IE7 */
	margin				: 0;
}
div.grayBox div.grayBoxTop
{
	background			: url("/images/graybox/grayBoxTop.png") top repeat-x;
	height				: 12px; /* IE7 */
}
div.grayBoxTop div.grayBoxTopLeft
{
	background			: url("/images/graybox/grayBoxTopLeft.png") bottom right no-repeat;
	float				: left;
	width				: 12px;
	height				: 12px;
}
div.grayBoxTop div.grayBoxTopRight
{
	background			: url("/images/graybox/grayBoxTopRight.png") bottom left no-repeat;
	float				: right;
	width				: 12px;
	height				: 12px;
}
div.grayBox div.grayBoxBottom
{
	clear				: both;
	background			: url("/images/graybox/grayBoxBottom.png") top repeat-x;
	height				: 10px;
}
div.grayBoxBottom div.grayBoxBottomLeft
{
	background			: url("/images/graybox/grayBoxBottomLeft.png") transparent top right no-repeat;
	float				: left;
	width				: 12px;
	height				: 12px;
}
div.grayBoxBottom div.grayBoxBottomRight
{
	background			: url("/images/graybox/grayBoxBottomRight.png") top left no-repeat;
	float				: right;
	width				: 12px;
	height				: 12px;
}

/* GrayBlock Header(s) */
div.grayBoxHeader
{
	float				: left;
}
div.grayBoxHeader h2,
div.grayBoxHeader h3,
div.grayBoxHeader h4
{
	padding				: 0 !important;
	line-height			: 16px;
	font-size			: 14px;
	font-weight			: bold;
	color				: #26546f !important; /* DarkBlue */
}
div.grayBoxHeader label /* In case of in-form use */
{
	display				: block;
	padding-top			: 3px !important;
	line-height			: 16px !important;
	font-size			: 14px !important;
	font-weight			: bold !important;
	color				: #26546f !important; /* DarkBlue */
}
div.grayBoxHeader h2 a,
div.grayBoxHeader h3 a,
div.grayBoxHeader h4 a
{
	color				: #26546f !important; /* DarkBlue */
}
div.contentBlock div.contentBlockTop div.grayBoxHeader h2,
div.contentBlock div.contentBlockTop div.grayBoxHeader h3
{
	margin				: 3px 0 0 0;
}

/* GrayBox Inner */
div.grayBox div.grayBoxInner
{
	position			: relative;
	clear				: both;
	/*overflow			: hidden;  IE7 */
	min-width			: 100px;
}
div.grayBoxInner div.grayBoxInnerLeft
{
	position			: absolute;
	left				: 0;
	background			: url("/images/graybox/grayBoxLeft.png") left repeat-y;
	width				: 12px;
	height				: 100%;
}
div.grayBoxInner div.grayBoxInnerRight
{
	position			: absolute;
	right				: -5px;
	background			: url("/images/graybox/grayBoxRight.png") left repeat-y;
	width				: 17px;
	height				: 100%;
}
div.grayBoxInner div.grayBoxInnerMain
{
	float				: left;
	padding				: 0 0 0 12px;
	width				: 100%;
}

/* Graybox Navigation */
div.grayBoxInnerMain div.grayBoxNav
{
	height				: 22px; /* To reserve space for UL */
}

html>body div.grayBoxNav ul /* All except IE6 hack */
{
	position			: absolute;
	top					: 0;
	left				: 5px;
	list-style			: none;
}
div.grayBoxNav ul li
{
	margin				: 0 !important;
	float				: left;
}
div.grayBoxNav ul li div.boxNavItemLeft
{
	float				: left;
	width				: 19px;
	height				: 25px;
}
div.grayBoxNav ul li div.boxNavItemRight
{
	float				: left;
	background			: url("/images/graybox/boxNavItemRight.png") top right no-repeat;
	width				: 20px;
	height				: 25px;
}
div.grayBoxNav ul li a
{
	float				: left;
	display				: block;
	padding				: 4px 0 5px 0;
	color				: #000 !important;
	font-weight			: normal !important;
	text-transform		: uppercase;
	text-decoration		: none;
	cursor				: pointer;
}

/* GrayBox Navigation Active Item */
div.grayBoxNav ul li.active
{
}
div.grayBoxNav ul li.active a
{
	background-color	: #fff;
	color				: #26546f !important; /* Blue */
}
div.grayBoxNav ul li.active div.boxNavItemLeft
{
	background			: url("/images/graybox/boxNavItemActiveLeft.png") top right no-repeat;
}
div.grayBoxNav ul li.active div.boxNavItemRight
{
	background			: url("/images/graybox/boxNavItemActiveRight.png") top left no-repeat;
}

/**
 * Graybox SUB Navigation
 * To place in grayBox.contentContainer
 */
div.grayBoxInnerMain div.contentContainer div.grayBoxSubNav
{
	/*border-bottom		: 3px solid #e4ebf0; DETAILS SUB WIJK ERROR*/ /* Gray */
	/*margin				: 0 0 10px 0;*/
}
div.contentContainer div.grayBoxSubNav ul
{
	list-style			: none;
}
div.contentContainer div.grayBoxSubNav ul li
{
	margin				: 0 !important;
	float				: left;
}
div.contentContainer div.grayBoxSubNav ul li div.boxNavItemLeft
{
	float				: left;
	width				: 19px;
	height				: 23px;
}
div.contentContainer div.grayBoxSubNav ul li div.boxNavItemRight
{
	float				: left;
	background			: url("/images/graybox/boxSubNavItemRight.png") top right no-repeat;
	width				: 20px;
	height				: 23px;
}
div.contentContainer div.grayBoxSubNav ul li a
{
	float				: left;
	display				: block;
	padding				: 5px 0;
	color				: #000 !important;
	font-weight			: normal !important;
	text-transform		: uppercase;
	text-decoration		: none;
	cursor				: pointer;
}
/* GrayBox SUB Navigation Active Item */
div.contentContainer div.grayBoxSubNav ul li.active
{
}
div.contentContainer div.grayBoxSubNav ul li.active a
{
	background-color	: #e4ebf0; /* Gray */
	color				: #26546f !important; /* Blue */
}
div.contentContainer div.grayBoxSubNav ul li.active div.boxNavItemLeft
{
	background			: url("/images/graybox/boxSubNavItemActiveLeft.png") top right no-repeat;
}
div.contentContainer div.grayBoxSubNav ul li.active div.boxNavItemRight
{
	background			: url("/images/graybox/boxSubNavItemActiveRight.png") top left no-repeat;
}

/* GrayBox Content Container  */
div.grayBoxInnerMain div.contentContainerTop
{
	clear				: both;
	background-color	: #fff;
	margin				: 0 24px 0 0; /* To compensate div.grayBoxInnerMain width 100% */
}
div.grayBoxInnerMain div.contentContainerTopLeft
{
	background			: url("/images/graybox/contentContainerTopLeft.png") top right no-repeat;
	float				: left;
	width				: 5px;
	height				: 5px;
}
div.grayBoxInnerMain div.contentContainerTopRight
{
	background			: url("/images/graybox/contentContainerTopRight.png") top left no-repeat;
	float				: right;
	width				: 5px;
	height				: 5px;
}

div.grayBoxInnerMain div.contentContainerTopLeftWhite
{
	background			: url("/images/graybox/contentContainerTopLeftWhite.png") top right no-repeat;
	float				: left;
	width				: 5px;
	height				: 5px;
}
div.grayBoxInnerMain div.contentContainerTopRightWhite
{
	background			: url("/images/graybox/contentContainerTopRightWhite.png") top left no-repeat;
	float				: right;
	width				: 5px;
	height				: 5px;
}

div.grayBoxInnerMain div.contentContainerBottomLeftWhite
{
	background			: url("/images/graybox/contentContainerBottomLeftWhite.png") top right no-repeat;
	float				: left;
	width				: 5px;
	height				: 5px;
}
div.grayBoxInnerMain div.contentContainerBottomRightWhite
{
	background			: url("/images/graybox/contentContainerBottomRightWhite.png") top left no-repeat;
	float				: right;
	width				: 5px;
	height				: 5px;
}

div.grayBoxInnerMain div.contentContainerBottom
{
	clear				: both;
	background-color	: #fff;
	margin				: 0 24px 0 0; /* To compensate div.grayBoxInnerMain width 100% */
}


div.grayBoxInnerMain div.contentContainerBottomLeft
{
	background			: url("/images/graybox/contentContainerBottomLeft.png") top right no-repeat;
	float				: left;
	width				: 5px;
	height				: 5px;
}
div.grayBoxInnerMain div.contentContainerBottomRight
{
	background			: url("/images/graybox/contentContainerBottomRight.png") top left no-repeat;
	float				: right;
	width				: 5px;
	height				: 5px;
}
div.grayBoxInnerMain div.contentContainer
{
	background-color	: #fff;
	clear				: both;
	margin-right		: 10px;
}
div.contentContainer div.grayBoxContent,
div.contentContainer .grayBoxContentGrayBack,
div.contentContainer .grayBoxContentLightGrayBack
{
	padding				: 8px 25px 6px 10px;
}

div.contentContainer div.grayBoxContentFlash
{
	padding				: 8px 20px 0 10px;
}
div.grayBox.grayBoxGrayBack,
div.grayBox .grayBoxContentGrayBack,
div.grayBox .bgGray,
div.grayBox .bgGray div.grayBoxTopLeft, /* IE7 */
div.grayBox .bgGray div.grayBoxBottomLeft /* IE7 */
{
	background-color	: #e4ebf0 !important; /* Gray */
}

div.grayBox .grayBoxContentLightGrayBack,
div.grayBox .bgLightGray,
div.grayBox .bgLightGray div.grayBoxBottomLeft /* IE7 */
{
	background-color	: #ededed !important; /* LightGray */
}

div.grayBox div.betweenSpace
{
	height				: 7px;
	margin-right		: 15px;
	background-color	: #e4ebf0; /* IE7 */
}

div.grayBox hr.betweenSpace
{
	display				: none;
}

/* GrayBox ContentBlock */
div.grayBoxContent div.contentBlock
{
	float				: left;
	margin				: 5px 0 0 0;
}
div.contentBlock div.contentBlockTop
{
	background			: url("/images/graybox/contentBlockTop.png") top repeat-x;
	height				: 26px;
}
div.contentBlock div.contentBlockTopLeft
{
	background			: url("/images/graybox/contentBlockTopLeft.png") top no-repeat;
	float				: left;
	width				: 8px;
	height				: 26px;
}
div.contentBlock div.contentBlockTopRight
{
	background			: url("/images/graybox/contentBlockTopRight.png") top no-repeat;
	float				: right;
	width				: 8px;
	height				: 26px;
}
div.contentBlock div.contentBlockContent
{
	padding				: 0 5px 3px 8px;
}

.GrayBack
{
	background-color	: #e4ebef !important;
}

.GrayBorder
{
	border-top			: 2px solid #e4ebef;
}
/**
 * HARD GRAY
 * Small changes to defauld code to change appearance
 */
div.grayBox.hardLineBox
{
	margin				: 0;
}
div.grayBox.hardLineBox div.grayBoxTop
{
	background			: url("/images/graybox/hardLineBoxTop.png") top repeat-x;
}
div.grayBox.hardLineBox div.grayBoxHeader
{
	margin				: 0 0 0 10px;
}
div.grayBox.hardLineBox div.grayBoxTop div.grayBoxTopLeft
{
	background			: url("/images/graybox/hardLineBoxTopLeft.png") bottom right no-repeat;
	width				: 10px;
}
div.grayBox.hardLineBox div.grayBoxTop div.grayBoxTopRight
{
	background			: url("/images/graybox/hardLineBoxTopRight.png") bottom left no-repeat;
	width				: 10px;
}
div.grayBox.hardLineBox div.grayBoxBottom
{
	background			: url("/images/graybox/hardLineBoxBottom.png") top repeat-x;
	height				: 10px;
}
div.grayBox.hardLineBox div.grayBoxBottom div.grayBoxBottomLeft
{
	background			: url("/images/graybox/hardLineBoxBottomLeft.png") top right no-repeat;
	width				: 10px;
}
div.grayBox.hardLineBox div.grayBoxBottom div.grayBoxBottomRight
{
	background			: url("/images/graybox/hardLineBoxBottomRight.png") top left no-repeat;
	width				: 10px;
}

div.grayBox.hardLineBox div.grayBoxInnerMain div.contentContainerTop,
div.grayBox.hardLineBox div.grayBoxInnerMain div.contentContainerBottom
{
	display				: none;
}
div.grayBox.hardLineBox div.grayBoxInner div.grayBoxInnerMain
{
	padding				: 0 5px;
	width				: 100%;
}

div.filler
{
	height				: 0;
	overflow			: hidden;
}
div.filler img
{
	width				: 50%;
}

div.grayBox.hardLineBox div.grayBoxInner div.grayBoxInnerLeft
{
	background			: url("/images/graybox/hardLineBoxLeft.png") right repeat-y;
	width				: 5px;
}
div.grayBox.hardLineBox div.grayBoxInner div.grayBoxInnerRight
{
	background			: url("/images/graybox/hardLineBoxRight.png") left repeat-y;
	width				: 10px;
}

/* Dwelling Item GrayBox Content in 2 parts */
div.grayBoxInnerMainLeft
{
	float				: left;
	width				: 570px;
}

div.grayBoxInnerMainRight
{
	float				: left;
	width				: 150px;
	padding				: 10px 0;
}

div.grayBoxInnerMainRight div.goto strong
{
	display				: block;
	color				: #26546f; /* DarkBlue */
}

div.grayBoxInnerMainRight div.goto input.submit,
div.grayBoxInnerMainRight div.goto a.blueButton
{
	display				: block;
	width				: 120px;
	padding-right		: 0 !important;
	padding-left		: 0 !important;
}

/* YelloBox */
div.yelloBox
{
	width				: 193px;
}

div.contentBlockContent div.yelloBox
{
	margin-left			: -6px;
	margin-top			: 10px;
}

div.yelloBoxTop
{
	background			: url("/images/graybox/yelloBoxTop.png") top left no-repeat;
	width				: 193px;
	height				: 35px;
}

div.yelloBoxTop h5.yelloBoxTitle
{
	color				: #55778c; /* Blue */
	font-size			: 15px;
	padding				: 9px 10px 0 10px; 
}

div.yelloBoxContent
{
	background			: url("/images/graybox/yelloBoxMiddle.png") left repeat-y;
	width				: 173px; /* 193px */
	padding				: 5px 10px;
}

div.yelloBoxContent h6.yelloBoxContentListTitle
{
	font-size			: 11px;
	margin				: 0 0 2px 0;
	color				: #26546f; /* DarkBlue */
}

div.yelloBoxContent ul.yelloBoxContentList
{
	list-style			: none;
	padding				: 0 0 10px 0;
}

div.yelloBoxContent ul.yelloBoxContentList li a
{
	color				: #91acbc !important; /* LightBlue */
}

div.yelloBoxBottom
{
	background			: url("/images/graybox/yelloBoxBottom.png") top left no-repeat;
	width				: 193px;
	height				: 18px;
}

/**
 * Dwelling Item
 */
div.dwellingItem
{
	width				: 550px;
}

div.dwellingItem.dwellingItemInterested
{
	width				: 685px;
}

div.dwellingItem div.grayBoxContentGrayBack, /* Padding ajustment to grayBox */
div.dwellingItem div.grayBoxContentLightGrayBack /* Padding ajustment to grayBox */
{
	padding-right		: 0;
}

div.contactHistory div.grayBoxContentLightGrayBack
{
	padding-right		: 35px !important;
}

div.dwellingItem div.grayBox.hardLineBox h4
{
	font-size			: 18px;
	margin				: 5px 0 10px 0;
}

div.dwellingItem div.grayBox.hardLineBox img.dwellingItemModelImg
{
	margin				: -3px 13px 3px 0;
}

div.dwellingItem.dwellingItemInterested div.grayBox.hardLineBox img.dwellingItemModelImg
{
	margin-right		: 15px;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemThumb
{
	float				: left;
	width				: 90px;
	height				: 70px;
	margin-bottom		: 2px;
	overflow			: hidden;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemInfo
{
	float				: left;
	width				: 300px;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemInfo ul li
{
	list-style			: none;
	padding-bottom		: 2px;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemInfo ul li strong
{
	display				: block;
	float				: left;
	width				: 140px;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemInfo ul li span
{
	display				: block;
	float				: left;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemMoreinfo
{
	position			: relative;
	float				: right;
	width				: 130px;
	min-height			: 52px;
	margin-right		: 2px; 
	padding-bottom		: 20px;
}

div.dwellingItem.dwellingItemInterested div.grayBox.hardLineBox div.dwellingItemMoreinfo
{
	margin-right		: 15px; 
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemMoreinfo a.blueButton
{
	width				: 114px;
	position			: absolute;
	bottom				: 0;
	left				: 4px;
	padding-left		: 2px;
	padding-right		: 2px;
}

div.dwellingItem div.grayBox.hardLineBox div.assignedStatus
{
	margin				: 11px 0 0 5px;
}

div.dwellingItem a.blueButton
{
	width				: 105px;
	padding-left		: 4px;
	padding-right		: 4px;
	float				: right;
	margin-left			: 2px;
}

div.dwellingItem a.blueButton.removeReaction
{
	width				: 115px;
	margin-left			: 0;
}

/**
 * DwellingItem Interesse? box
 * Appears only when .dwellingItemInterested is added to div.dwellingItem 
 */
div.dwellingItem div.grayBox.hardLineBox div.dwellingItemInterestedBox
{
	display				: none;
}

div.dwellingItem div.grayBox.hardLineBox div.dwellingItemInterestedBoxHeader
{
	display				: none;
}

div.dwellingItem.dwellingItemInterested div.grayBox.hardLineBox div.dwellingItemInterestedBox
{
	display				: block;
	float				: right;
	width				: 120px;
	/*margin-right		: 15px; New graybox properties */
}
div.dwellingItem.dwellingItemInterested div.grayBox.hardLineBox div.dwellingItemInterestedBoxHeader
{
	display				: block;
}
div.dwellingItem.dwellingItemInterested div.grayBox.hardLineBox div.dwellingItemInterestedBoxHeader h6
{
	padding				: 0;
	margin				: 5px 24px 10px 0;
	line-height			: 16px;
	font-size			: 18px;
	color				: #26546f !important; /* DarkBlue */
}
div.dwellingItem.dwellingItemInterested div.dwellingItemInterestedBoxBorder
{
	position			: absolute;
	right				: 132px;
	top					: 0;
	border-right		: 1px solid #c8c8c8;
	width				: 1px;
	height				: 100%;
	
}
div.dwellingItem.dwellingItemInterested div.dwellingItemInterestedBox p
{
	font-size			: 10px;
	line-height			: 14px !important;
	padding-bottom		: 8px !important;
}

div.dwellingItem.dwellingItemInterested div.dwellingItemInterestedBox a.redButton,
div.dwellingItem.dwellingItemInterested div.dwellingItemInterestedBox a.greenButton
{
	float				: left;
	margin-right		: 5px;
	width				: 50px;
	padding-right		: 0;
	padding-left		: 0;
}
/* END GRAYBOX CODE */

div#pageNavigation
{
	width				: 80%;
	text-align			: center;
	padding				: 10px;
}

div#pageNavigation ul li
{
	display				: inline;
	list-style			: none;
	font-size			: 12px;
	font-weight			: bold;
}

div#pageNavigation ul li.active a
{
	font-size			: 14px;
	color				: #000 !important;
}

/* DistrictMap */
div#districtMapContainer img
{
	border				: none;
	border				: 0;
}

div.grayBox div#districtMapContainer.districtinfo
{
	width				: 380px;
}

div#pageContent.contentDistrictinfo ul.neighborhood
{
	list-style			: none;
	width				: 50%;
}

div#pageContent.contentDistrictinfo ul.neighborhood li
{
	margin				: 0 0 2px 0;
	font-size			: 11px;
	font-weight			: bold;
	color				: #92acbd; /* GrayBlue */
}

/* Contact Info */
div.contactInfo
{
	padding				: 0 0 25px 0;
}
div.contactInfo address
{
	font-style			: normal;
}
div.contactInfo address a
{
	color				: #000 !important;
	font-weight			: normal !important;
}
div.contactInfo h6
{
	font-size			: 15px;
	color				: #000;
	margin				: 0 0 15px 0;
}

/**
 * Search Profile
 * Used in Cluster search, Dwelling search
 */
div.grayBox div.searchprofile div.searchprofileLeft,
div.grayBox div.searchprofile div.searchprofileRight
{
	width				: 50%;
	float				: left;
}

div.grayBox div.searchprofile div.formElement label 
{
	clear				: both;
	display				: block;
	width				: 100%;
	margin				: 0 0 5px 0;
}

div.grayBox div.searchprofile div.formElement label input
{
	display				: block;
	float				: left;
	margin				: 0 5px 0 0;
}

div.grayBox div.searchprofile div.formElement label span
{
	display				: block;
}

/* POPUP */
div#overlay
{
	position 			: fixed;
	left				: 0px;
	top					: 0px;
	opacity				: 1 !important;
	width				: 100%;
	height				: 9000px !important;
	z-index				: 998;
	background-image		: url("/images/overlay_bg.png");
}

div#popup
{
	position 			: absolute;
	left				: 50%;
	width				: 606px;
	margin-left			: -303px;
	z-index				: 999;
	top					: 350px;
	background-color	: transparent;
}

div#popup div#popupTop
{
	background			: url("/images/popupTop.png") no-repeat;
	width				: 606px;
	height				: 29px;
}

div#popup div#popupTop a#popup_close
{
	background			: url("/images/popupClose.png") no-repeat;
	display				: block;
	width				: 20px;
	height				: 0; /* 20px */
	padding-top			: 20px;
	overflow			: hidden;
	margin				: 6px 27px 0 0;
}

div#popup div#popupBottom
{
	background			: url("/images/popupBottom.png") no-repeat;
	width				: 606px;
	height				: 48px;
}

div#popup div#popupBottom div#popupBottomLeft
{
	float				: left;
	width				: 20px;
	height				: 30px;
}

div#popup div#popupBottom div#popupBottomRight
{
	float				: right;
	width				: 20px;
	height				: 30px;
}

div#popup div#popup_window
{
	background			: url("/images/popupContentBg.png") repeat-y;
	width				: 496px; /* 606px */
	min-height			: 100px;
	padding				: 10px 20px 5px 85px;
	
}

div#popup div#popup_window p
{
	padding-bottom		: 10px;
}

div#popup div#popup_window div#popup_content
{
	margin-right		: 10px;
}

/**
 * POPUP ALBUM
 * Different properties
 */
div#popup.popupAlbum
{
	width				: 916px;
	margin-left			: -458px;
}
div#popup.popupAlbum div#popupTop
{
	background			: url("/images/popupTopBig.png") no-repeat;
	width				: 916px;
	height				: 29px;
}
div#popup.popupAlbum div#popupBottom
{
	background			: url("/images/popupButtomBig.png") no-repeat;
	width				: 916px;
}
div#popup.popupAlbum div#popup_window
{
	background			: url("/images/popupContentBgBig.png") repeat-y;
	width				: 806px; /* 916px */
}

div#popup.popupAlbum div#popup_window div#popup_content
{
	text-align			: center;
}


/* Mijn Opties - Woonwensen wijzigen */
div#popup div#formElement-housingWishes div#housingWishes-label
{
	padding-bottom		: 10px;
}

div#popup div#formElement-housingWishes label
{
	clear				: both;
}

div#popup div#__saveWishes__-label
{
	visibility			: hidden;
}

/* For errormessages */
div#popup div#popup_window ul
{
	margin-left			: 10px;
}

div#popup div#popup_window ul.errors,
div#popup div#popup_window ul.errorMessages
{
	margin-left			: 0;
	color				: red;
	list-style			: none;
}

div#popup div#popup_window a.blueButton
{
	margin				: 0 10px;
}

div#popup div#popup_window div#submit-label
{
	visibility			: hidden;
}

div#popup input#submit,
div#popup input.submit
{
	position			: absolute;
	bottom				: 14px;
	right				: 40px;
	min-width			: 30px;
}

div#popup div#__yes__-label,
div#popup div#__no__-label
{
	visibility			: hidden;
}

div#popup div#formElement-__yes__ input.submit
{
	right				: 130px;
}

form#HIH_Form_CancelReason div#formElement-__cancel__ div#__cancel__-label,
form#HIH_Form_CancelReason div#formElement-__save__ div#__save__-label
{
	visibility			: hidden;
}
form#HIH_Form_CancelReason select#cancelReason
{
	width				: 480px;
	margin-top			: 5px;
}
form#HIH_Form_CancelReason div#formElement-__cancel__ input
{
	right				: 250px;
}
form#HIH_Form_CancelReason div#formElement-__save__ input
{
	width				: 205px !important; /* IE7 */
}

div#popup form#HIH_Form_CizClusterOption div.formElement div
{
	float				: left;
	width				: 250px;
}

/* Specific popup formstyling */
div#popup form#HIH_Form_CizClusterOption div.formElement label
{
}
div#popup form#HIH_Form_CizClusterOption div.formElement label sup
{
	font-size			: 9px;
}
div#popup form#HIH_Form_CizClusterOption div.formElement label span
{
	margin				: 0 0 2px 5px;
}
div#popup form#HIH_Form_CizClusterOption div.formElement ul.errors
{
	margin-left			: 0;
}
div#popup form#HIH_Form_Login label.required
{
	font-weight			: bold;
}

div#popup form#HIH_Form_Login input.submit,
div#popup form#HIH_Form_CancelReason input#__cancel__
{
	width				: 120px !important;
}

/* popup formstyling */
div#popup div.formContainer form div div
{
	width				: auto;
	float				: none;
}
div#popup div#formElement-areYouSure div#areYouSure-label label
{
	font-size			: 13px;
	margin-bottom		: -10px;
}

div#popup div#formElement-unsubscribe label,
div#popup div#formElement-areYouSure label
{
	width				: 400px;
}

div#popup div.mustfill
{
	padding				: 0;
}

div#popup div.formElement.formElement-__yes__.formElement-submit,
div#popup div.formElement.formElement-__no__.formElement-submit,
div#popup div.formElement.formElement-__yes__.formElement-submit div,
div#popup div.formElement.formElement-__no__.formElement-submit div,
div#popup div.formElement.formElement-__yes__.formElement-submit div label,
div#popup div.formElement.formElement-__no__.formElement-submit div label
{
	height				: 1px;
	padding				: 0;
	margin				: 0;
}

div#popup div#formElement-unsubscribe select
{
	clear				: both;
	width				: 200px;
}

div#popup div#formElement-areYouSure
{
	padding				: 10px 0;
}

div#popup div.baseButtons
{
	position			: absolute;
	bottom				: 5px;
	right				: 25px;
}

div#popup_content .blueButtonOk
{
	position			: absolute;
	bottom				: 14px;
	right				: 25px;
}

div#popup a#popup_confirmSuccess
{
	float				: right;
	margin				: 13px 40px 0 0 !important;
}

div#popup a#popup_confirmCancel
{
	float				: right;
	margin				: 13px 40px 0 0;
}

div#popup ul.albumNavigation
{
	padding-top			: 5px;
	list-style			: none;
	text-align			: center;
	margin-bottom		: -3px;
}

div#popup ul.albumNavigation li
{
	display				: inline;
	margin				: 5px 3px;
}

div#popup ul.albumNavigation li a
{
	font-size			: 12px;
	color				: #91acbc !important; /* LightBlue */
}

div#popup ul.albumNavigation li a img
{
	margin-bottom		: -3px;
}

div#popup ul.albumNavigation li a.active
{
	color				: #25546E !important; /* DarkBlue */
	font-weight			: bold;
}

/* SearchModule */
div.searchengine_list form input
{
	height				: 18px;
	margin-right		: 5px;
}

div.searchengine_list form a
{
	display				: inline;
}

div.searchengine_list div.grayBoxContent
{
	padding-top			: 0 !important;
}

div.searchengine_list div.grayBoxContent a.searchengine_list_row_title
{
	font-size			: 14px;
	color				: #25546E !important; /* DarkBlue */
}

a#ziglogo
{
	position			: absolute;
	left				: 7px;
	bottom				: 0;
}

div.rightbar_content div.overzichtFlyer
{
	margin-left			: -12px !important;
}
div.rightbar_content div.overzichtFlyer.overzichtFlyerHuuraanbod
{
	margin-left			: -5px !important;
	margin-top			: 3px !important;
}

/* MessageBoard */
div#messageBoard
{
	width				: 170px;
	margin				: 20px 0 40px -12px;
}

div#messageBoard div.messageBoardTop
{
	background			: url("/images/messageBoardTop.png") top left no-repeat;
	width				: 170px;
	height				: 10px;
}

div#messageBoard div.messageBoardContent
{
	background			: url("/images/messageBoardBg.png") repeat-y;
	width				: 153px; /* 170px */
	padding				: 0 5px 0 12px;
	color				: #671b1d; /* DarkRed */
}

div#messageBoard div.messageBoardContent h4
{
	font-size			: 12px;
	color				: #671b1d; /* DarkRed */
}

div#messageBoard div.messageBoardContent div.messageBoardLine
{
	background			: url("/images/messageBoardLine.png") no-repeat;
	width				: 151px;
	height				: 7px;
}

div#messageBoard div.messageBoardContent a.redButton
{
	width				: 80px;
	padding-left		: 0;
	padding-right		: 0;
	margin-left			: 67px;
}

div#messageBoard div.messageBoardBottom
{
	background			: url("/images/messageBoardBottom.png") bottom left no-repeat;
	width				: 170px;
	height				: 15px;
}

a.gmnoprint, 
div#logocontrol, 
div#googleMap span
{
	display				: none;
}
/* PDF styling */
div#PDFcontainer
{
	width		: 735px !important;
}