body, form {
	height: 100% !important; 
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}

body
{
	background: #e1edf9 url(Images/topbar.png) no-repeat 160px 20px !important;
	font-family: Verdana;
	font-size: 8pt;
}

#content 
{
	height: 100%;
	border:0px none;
	/* background: url(Images/background.png) */
}

#toplogo_xelyn
{
	position: absolute;
	margin: 20px 0px 0px 26px;
	width: 138px;
	height: 66px;
	z-index: 100;
}

#toplogo_gebouwdossier 
{
	position: absolute;
	/* margin: 20px 0px 0px 0px; */
	margin: 20px 0px 0px 170px;
	width: 154px;
	height: 46px;
	z-index: 100;
}

.titlebar .x-panel-body
{
	background: white url( Images/topbar.png ) repeat-x left 20px;
}
.titlebar .x-panel-body .sub 
{
	/*
	position: absolute;
	right: 0px;
	top: 0px;
	*/
	float: right;
	height: 66px;
	width: 275px;
	background: white url( Images/topbar_right.png ) no-repeat right 20px;
}


.statusbar .x-panel-body
{
	background: white url( Images/lowerbar.png ) repeat-x top left;
}

.statusbar .x-panel-body .sub 
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 29px;
	width: 275px;
	background: white url( Images/lowerbar_right.png ) no-repeat top right;
}

.panelHeaders
{
	border-style: none;
	padding: 3px 3px 2px 5px;
	background: white url( Images/topbar.png ) repeat-x left bottom;
}


#Toolbar
{
	position: relative;
	right: 0px;
	top: 0px;
	padding-left: 5px;
	z-index: 100;
	top: 0px;
	right: 0px;
	height: 66px;
	width: 270px;
	background: white url( Images/topbar_right.png ) no-repeat right 20px;
	overflow: hidden;
}

.ToolbarButton 
{
	cursor: pointer;
	float: left;
	width: 32px;
	/* height: 32px; */
	border-style: none;

	filter: alpha(opacity=80);
	opacity: 0.8;

	margin: 29px 3px 0px 3px;
}

.ToolbarButton:hover
{
	/* filter: alpha(opacity=100); */
	filter: none;
	opacity: 1.0;
}

.ToolbarButtonDisabled
{
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: default;
}

.ToolbarButtonDisabled:hover
{
	filter: alpha(opacity=30) !important;
	opacity: 0.3 !important;
	cursor: default !important;
}

.statusbarItem 
{
	color: White;
	float: left;
	height: 21px;
	margin: 3px 3px;
	padding: 3px 5px;
	overflow: hidden;
	font-weight: bolder;
}

.statusbarItem IMG 
{
	width: 20px;
	border-style: none;
	cursor: pointer;
}

.statusbarItem + .statusbarItem
{
	margin-left: 5px;
	padding-left: 15px;
	border-left: 1px solid white;
}

.statusbarItem A
{
	color: white !important;
}

#statusbar #searchQuery
{
	border-style: none;
	background: white url( Images/search_input.png ) no-repeat top left;
	width: 137px;
	height: 18px;
	margin: 1px 3px 1px 5px;
	padding: 6px 5px 0px 25px;
	color: #004f6b;
}

#statusbar #btnSearch
{
	background-color: #004f6b;
	height: 24px;
	color: White;
	margin: 1px 0px 0px 0px;
	border-width: 1px;
}

.ext-el-mask 
{
	background-color: #004f6b !important;
}

.invisibleNode 
{
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;
	zoom: 1;
}