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

}

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

.body_mobile
{
	height: 100%;
	background-color: #FFFFFF;
	width: 100%;
}

.mobile_html
{
	height: 100%;
	width: 100%;
	background: #FFFFFF;
}

#wrapper,
#wrapper_mobile
{
	position			: relative; /* to keep the header inside */
	height				: 100%; 
	margin				: 0 auto; /* auto centers the div */
	text-align			: left; /* after centering #wrap above we return to normal aligning */
	background-color	: #FFFFFF;
}

#wrapper
{
	width				: 986px; /* you can change this, using %, em or px */
}

#wrapper_mobile
{
	width: 100%;
}

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

#maintentanceTopBorder
{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	z-index				: 500;
	width				: 100%;
	height				: 6px;
	background-color	: #223055;
}

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

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


#content,
#content_mobile
{
	position			: relative;
}
#content
{
	top					: 105px;
}
#content_mobile
{
	top: 75px;
}

/* 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	: #223055;
	text-align			: center;
	vertical-align		: middle;
}

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

#ocLogo
{
	position			: absolute;
	top					: 15px;
}

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

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


.tabSelected
{
	height				: 26px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-top			: 5px;
	background-image	: url(Images/Header/tab_over.gif);
	background-repeat	: repeat-x;
	color				: #FFFFFF;
	vertical-align		: middle;
	text-decoration		: none;
	border-right		: 1px solid #FFFFFF;
}

.tabNormal
{
	height				: 26px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-top			: 5px;
	background-image	: url(Images/Header/tab.gif);
	background-repeat	: repeat-x;
	color				: #FFFFFF;
	vertical-align		: middle;
	text-decoration		: none;
	border-right		: 1px solid #FFFFFF;
}

.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;
}

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

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

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


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

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

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

#orangeSearchReflection_mobile
{
	width				: 75%;	
}

#searchInput,
#searchInput_mobile
{
	position			: absolute;
	left: 20px;
	top: 20px;
}

#searchInput_mobile
{
	position			: absolute;
	top: 20px;
	left: 0px;
}

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

#blueSearchButton
{
	width				: 150px;
}

#blueSearchButton_mobile
{
	width		: 20%;
}

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

#blueSearchReflection_mobile
{
	left: 267px;
	width: 100px;
}

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

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

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

#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,
.filtersContainer_mobile
{
	overflow: auto;
	position : relative;
 	top: -6px;
 	left: 220px;
 	/*background-color: Red;*/
 	width: 610px;
 	height: 35px;
 	font-size: 9px;
	vertical-align : middle;
	 visibility: hidden;
}
.filtersContainer_mobile
{
	width: 300px;
}

.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);
}

.RoleTitleCell
{
	writing-mode: tb-rl;
	filter: flipv fliph;
	text-align: center;
}

.RoleAllowedCell
{
	background-color: Green;
	text-align: center;
}

.RoleDeniedCell
{
	background-color: Red;
	text-align: center;
}

.RoleAlternativeRow
{
	background-color: Silver;
}

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

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