* 
{
	margin				: 0;
	padding				: 0;
	-moz-outline		:none;

}

html, body 
{
	height				: 100%;
	width				: 100%;
	background			: #FFFFFF;
}

#wrapper 
{
	position			: relative; /* to keep the header inside */
	height				: 100%; 
	width				: 986px; /* you can change this, using %, em or px */
	margin				: 0 auto; /* auto centers the div */
	text-align			: left; /* after centering #wrap above we return to normal aligning */
	background-color	: #FFFFFF;
}

* html #wrapper
{
	height				: 100%; /* for IE because it doesn't do min-height */
}

#maintentanceTopBorder
{
	position			: absolute;
	top					: 0px;
	left				: 874px;
	z-index				: 500;
	width				: 248px;
	height				: 0px;
	background-color	: #f58229;
}

#dummyBorder
{
	position			: relative;
	top					: 0px;
	left				: 0px;
	z-index				: -1;
	width				: 100%;
	height				: 0px;
	background-color	: #FFFFFF;
}

#maintentanceHeader
{
	position			: relative;
	width				: 100%;
	height				: 90px;
}


#content
{
	position			: relative;
	top					: 105px;
}

/* Menu on top of the page */
#menuWrapper
{
	float				: right;
	margin-right		: 64px;
}

#menuLeft
{
	position			: relative;
	width				: 32px;
	height				: 23px;
	background-image	: url(Images/Header/menuLeft.jpg);
}

#menuContent
{
	position			: relative;
	left				: 32px;
	top					: -23px;
	width				: 190px;
	height				: 23px;
	background-color	: #f58229;
	text-align			: center;
	vertical-align		: middle;
	z-index				: 250;
}

#menuContent a
{
	color				: #ffffff !important;
}

#menuRight
{
	position			: relative;
	left				: 222px;
	top					: -46px;
	width				: 32px;
	height				: 23px;
	background-image	: url(Images/Header/menuRight.jpg);
}

#ocLogo
{
	position			: absolute;
	top					: 6px;
	margin-left			: 13px;
	width				: 100%;
	height				: 290px;
	background-image	: url(Images/Header/header_background.gif);
	background-position	: right top;
	background-repeat	: no-repeat;
}

#hdrTitle
{
	width				: 100%;
	text-align			: center;
	position			: absolute;
	top					: 70px;
}

#hdrAangemeld
{
	width				: 100%;
	text-align			: right;
	vertical-align		: bottom;
	position			: absolute;
	top					: 80px;
}

.tabSelected
{
	height				: 26px;
	padding-left		: 20px;
	padding-right		: 20px;
	padding-top			: 3px;
	padding-left		: 15px;
	padding-right		: 15px;
	padding-top			: 3px;
	padding-bottom		: 0px;
	/*background-image	: url(Images/Header/tab_overC.gif);
	background-repeat	: no-repeat;*/
	background-color	: #eeeeee;
	color				: #0e1167;
	vertical-align		: middle;
	text-decoration		: none;
	border-right		: 1px solid #FFFFFF;
}

/* Per geselecteerde tab is er een eigen achtergrond afbeelding. */
#ctl00_TabDefault_tabSearch[class~=tabSelected]
{
	background-image	: url(Images/Header/tab_over_search.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#ctl00_TabDefault_tabFavorites[class~=tabSelected]
{
	background-image	: url(Images/Header/tab_over_favorites.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#ctl00_TabDefault_tabArrangements[class~=tabSelected]
{
	background-image	: url(Images/Header/tab_over_arrangements.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#ctl00_TabDefault_tabContentImport[class~=tabSelected]
{
	background-image	: url(Images/Header/tab_over_import.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

.tabNormal
{
	top					: 1px;
	height				: 21px;
	padding-left		: 15px;
	padding-right		: 15px;
	padding-top			: 3px;
	padding-bottom		: 0px;
	/*background-image	: url(Images/Header/tabC.gif);
	background-repeat	: no-repeat;*/
	background-color	: #f58229;
	color				: #ffffff;
	vertical-align		: middle;
	text-decoration		: none;
	border-right		: 1px solid #FFFFFF;
}

/* Per ongeselecteerde tab is er een eigen achtergrond afbeelding. */
#ctl00_TabDefault_tabSearch[class~=tabNormal]
{
	background-image	: url(Images/Header/tab_search.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#ctl00_TabDefault_tabFavorites[class~=tabNormal]
{
	background-image	: url(Images/Header/tab_favorites.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#ctl00_TabDefault_tabArrangements[class~=tabNormal]
{
	background-image	: url(Images/Header/tab_arrangements.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

#ctl00_TabDefault_tabContentImport[class~=tabNormal]
{
	background-image	: url(Images/Header/tab_import.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
}

.advancedTabNormal
{
	height				: 80px;
	background-image	: none;
	width				: 336px;
	padding-left		: 15px;
	padding-top			: 0px;
	margin-bottom		: 10px;
	margin-top			: 10px;
}

.advancedTabSelected
{
	height				: 80px;
	width				: 336px;
	background-image	: url(Images/Search/selected-tab-background-larger.png);
	background-repeat	: no-repeat;
	padding-left		: 15px;
	padding-top			: 0px;
	margin-bottom		: 10px;
	margin-top			: 10px;
}

.advancedTabSelected:focus
{
	-moz-outline		:none;
}

#tabStrip
{
	position			: absolute;
	top					: 0px;
	padding-left		: 14px;
}

#lineUnderSelectedTab
{
	position			: absolute;
	top					: 26px;
	width				: 100%;
	height				: 5px;
	background-color	: #eeeeee;
	z-index				: 100;
}

#contentMain
{
	position			: absolute;
	top					: 50px;
}

#contentMainPagesNoSearch
{
	position			: absolute;
	top					: 50px;
}


#contentMainPages
{
	position			: absolute;
	top					: 115px;
}

#orangeSearch
{
	position			: absolute;
	top					: 26px;
	width				: 835px;
	height				: 79px;
	background-image	: url(Images/Header/searchBG.gif);
	z-index				: 201;
	text-align			: center;
}

#orangeSearchReflection
{
	display				: none;
	position			: absolute;
	top					: 80px;
	left				: 0px;
	width				: 836px;
	height				: 5px;
	background-image	: url(Images/Header/searchOrangereflection.gif);
	z-index				: 202;
	text-align			: center;
}

#searchInput
{
	position			: relative;
	top					: 20px;
}

#blueSearchButton
{
	position			: absolute;
	top					: 26px;
	right				: 0px;
	width				: 150px;
	height				: 79px;
	background-image	: url(Images/Header/searchbuttonBG.gif);
	z-index				: 101;
}

#blueSearchReflection
{
	display				: none;
	position			: absolute;
	top					: 80px;
	left				: 836px;
	width				: 150px;
	height				: 5px;
	background-image	: url(Images/Header/searchBluereflection.gif);
	z-index				: 600;
}

.buttonSearch
{
	background-image	: url(Images/Header/bg_zoekbutton.gif);
	background-repeat	: no-repeat;
	border				: 0px;
	width				: 150px;
	height				: 79px;
	cursor				: hand;
}

#searchLeft
{
	position			: absolute;
	top					: 0px;
	left				: 0px;
}

#searchRight
{
	position			: absolute;
	top					: 0px;
	left				: 819px;
	margin				: 0px;
	background-color	: #ff0000;
}

#searchArrowDown
{
	position			: absolute;
	top					: 50px;
	left				: 35px;
	background-image	: url(Images/Header/searchArrowDown.gif);
	height				: 6px;
	width				: 11px;
}

#searchExample
{
	position			: absolute;
	top					: 58px;
	left				: 30px;
}

.filtersContainer
{
	overflow: auto;
	position : relative;
 	top: -6px;
 	left: 220px;
 	/*background-color: Red;*/
 	width: 610px;
 	height: 35px;
 	font-size: 9px;
	vertical-align : middle;
	visibility: hidden;
}

.selectAreaClass
{
	position:relative; 
	min-height: 400px; 
	width: 626px; 
	padding-top: 10px; 
	padding-left: 10px; 
	background-repeat:repeat-y;
	background-image : url(Images/Search/search-options-background.png);
}

.searchCheckboxText
{
	margin-left: 25px;
	margin-top: 2px;
	padding-right: 25px;
}

#regSuccessPanel,
#regFailedPanel,
#activationText
{
	position: absolute;
	top: 130px;
	left: 300px;
}