html{
	height:100%;
	width:100%;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	scrollbar-3dlight-color:#F0F0EE;
	scrollbar-arrow-color:#676662;
	scrollbar-base-color:#F0F0EE;
	scrollbar-darkshadow-color:#DDD;
	scrollbar-face-color:#E0E0DD;
	scrollbar-highlight-color:#F0F0EE;
	scrollbar-shadow-color:#F0F0EE;
	scrollbar-track-color:#F5F5F5;
}

body{
	position: relative;
	height: 100%;
	width:inherit;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	color: #000;
	text-align:center;
}

body.waiting {
  cursor: wait;
}

body, td, pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.iframeBody{
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px;
	margin: 0px;
}

body a {text-decoration:none;}

#pageContainer {
	position: relative;
	float: none;
	height: 100%;
	width: 1390px;
	padding: 0px;
	margin-left: auto; 
	margin-right: auto;
	margin:0px auto; 
	text-align:left; 
}

/* ******************************************************************* */
/* horizontale pagina verdeling pageHeader > pageContent > pageFooter  */ 

#pageHeader{
	position: relative;
	float: left;
	width: 1216px;
	height: 8px;
	padding: 0px;
	margin: 0;
	color: #b1afb0;
}

#pageContent{
	position: relative;
	float: left;
	height: auto; /* te bepalen door Javascript */
	padding: 0px;
	margin: 0px;
}

#pageFooter
{
	position:relative;
	float: left;
	width: 1220px;
	margin: 0px;
	padding: 0px;
}

#debugContainer
{
	border: solid 1px #999;
}

#debugCaption
{
	background-color: #aab;
	color: #fff;
	padding: 2px;
	overflow: auto;
}

#debugContent
{
	background-color: #eeeeff;
	height: 100px;
	overflow: auto;
}

#debug
{
	padding: 4px;
	line-height: normal;
}

#debug p
{
	padding: 2px 2px;
	margin: 0;
}

/* ************************************************************** */
/* verticale indeling in pageContent column1 > column2 > column3  */ 

#columnContainer{background-color: #fff;}

#pageHeader a, #pageHeader a:visited{color:#666666;text-decoration:none;}
#pageHeader a:hover{color:#000;text-decoration:underline;}

div#pageFooter div#left{width:300px;float:left;display:inline;text-align:left;} 
div#pageFooter div#middle{width:600px;margin-left:10px;margin-right:10px;float:left;text-align:center;}
div#pageFooter div#right{width:300px;float:left;display:inline;text-align:right;}

.column{position: relative;float: left;height: auto;padding: 0px;}


/* ************************************************************** */
/* interne column indeling */ 

.columnHeader
{
	position: relative;
	float: left;
	width: 100%;
	height: 1px;
	color: #777777;
	display:none;
}
	
.columnTabRow
{
	position: relative;
	float: left;
	width: 100%;
	display:none;
}

.columnPanel
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px;
}

.columnPanelToolbar
{
	position: relative;
	float: left;
	height: 18px;
	padding-top:5px;
	background-image: url('/images/shared/bg_menu2r.gif');
	background-color:#eee;
}

.columnPanelTabRow
{
	position: relative;
	float:left;
	width:100%;
	height:38px;
	padding-top:5px;
	padding-bottom:0px;
	overflow:hidden;
}

.columnPanelContent
{
	position:relative;
	float:left;
	width:100%;
	height:auto; /*wordt bepaald door framework.js en is afhankelijk van browserwindowhoogte ; */
	overflow-y:hidden;
	overflow-x:hidden;
	overflow:hidden;
	border:solid 1px #b1afb0;
}

.columnPanelContentTabRow
{
	position:relative;
	float:left;
	width:100%;
	padding-top:5px;
	margin:0;
	background-color:#fff;
	height:0px;
	display:none;
}

.columnPanelContentToolbar
{
	position:relative;
	float:left;
	width:100%;
	height:18px;
	padding-top:5px;
	margin:0;
	background-image:url('/images/shared/bg_menu2r.gif');
	background-color:#eee;
}

.columnPanelFooter
{
	position: relative;
	float: left;
	height: 18px;
	padding-top:5px;
	background-color:#f0f0ee;
	color: #000;
	overflow:hidden;
}

.columnFooter
{
	height: 18px;
	padding-top:5px;
	margin: 0;	
	float: left;
	color:#aaa;
}

.columnFooter a,.columnFooter a:visited {color:#aaa;text-decoration:none;}
.columnFooter a:active, .columnFooter a:hover {color:#777;text-decoration:none;}
.columnStatus {padding: 0px 4px;}

.content{
	float:left;
	clear:left;
	padding-left:7px;
	padding-right:0px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
}

div#column1 {width:380px;}
div#column2 {width:600px; margin-left:10px; margin-right: 10px;}
div#column3 {width:380px;}

div#column2and3 {width:910px;margin-left: 10px;}

#column1PanelContent {height: 200px; padding:0px;}
#column2PanelContent {height: 200px;}
#column3PanelContent {height: 200px;}

div#column1PanelToolbar, div#column1PanelTabRow {width:382px;}
div#column2PanelToolbar, div#column2PanelTabRow {width:602px;}
div#column3PanelToolbar, div#column3PanelTabRow {width:382px;}

div#column1PanelContentContainer {margin-top:20px; width:290px; padding-top:0px; padding-left:7px;}
div#column2PanelContentContainer {margin-top:20px; width:600px; position:relative; padding-left:0px!important;}
div#column3PanelContentContainer {margin-top:18px; width:380px; position: relative; padding-left:7px; overflow: hidden;}

div#column1PanelFooter {width:100%; padding-right:0px; width:380px;}
div#column3PanelFooter {width:100%; padding-right:10px;}
div#column2PanelFooter {width:600px;}

div.columnPanelFooter ul.toolBar {margin-left:7px;}
div#column3Footer {float:right; margin-right:-2px;}

div#currentUser {float:right; margin-right:4px;}

.noTopMargin {margin-top:0px !important;}
.content h2{font-size:13px;margin-top:0px;margin-bottom:14px;}
.content h3{font-size:15px;}

.loader
{
	float:left;
	clear:left;
	padding-left:10px;
	padding-top: 5px;
	padding-right:0px;
	background-color: #fff;
}

.slider 
{
	float: left;
	width: 20px;
	overflow: hidden;
	height: 100px;
	background-color: #eee;
	display: none;
	text-align: center;
}

.slider a 
{
	text-decoration: none;
}


/* panelToggle buttons*/
ul.panelToggle{float:right!important; margin:0 8px 0 0 !important;}
ul.panelToggle li{ width:25px !important; }
a.panelToggle 
{
	text-decoration: none;
}

#buttonHolder, .buttonHolder
{
	width: auto;
	float: none;
	margin: 0 auto;
	text-align:center;
} 

#buttonHolder ul#messageBoxToolBar
{
	width: auto;
	position: relative;
	float: none;
	text-align: center; 
	display: block;
	margin-left: 0px;
}

#buttonHolder ul#messageBoxToolBar li
{
	display: block;
	width: auto;
	position: relative;
	text-align: center; 
} 


/*
Data viewers
*/


.dataViewerHeaderContainer 
{
    left:7px;
    margin-left:0;
    margin-top:4px;
    padding:0 0 10px;
    position:relative;
    width:580px;
}

.dataViewerHeaderContainer h2 {margin:3px 0 14px 0; font-size:13px;}
.dataViewerHeaderContainer label.documentType 
{
    color:#666666;
    font-size:11px;
    font-style:italic;
    line-height:normal;
    position:relative;
    top:-14px; 
    clear:left;
}

ul.dataFrameViewerList 
{
    left:7px;
    position:relative;
    padding:0 0 10px 0;	
    margin-left:0;
    margin-top:6px;
    width:580px;
}

ul.dataFrameViewerList li
{
    list-style: none;
	clear: both;
	height:auto;
	margin:0 0 3px 0;
	float:left;
	border-bottom:solid 1px #eee;
	line-height: 15px;
	min-height:13px;
	margin: 0 0 1px;
	padding:4px 0 6px 0;
	width:560px;
}

ul.dataFrameViewerList li.break {border-bottom-color:#fff;}
ul.dataFrameViewerList li label
{
	width:150px;
	text-align: left;
	clear:left;	
	float:left;
	margin:0px 10px 0 0;
	padding:0;
	color: #666;
}
ul.dataFrameViewerList li.smallLine {border:none; margin:0; padding:0;}
ul.dataFrameViewerList li.extraMargin {margin:0 0 6px 0;}
ul.dataFrameViewerList li label.smallLabel {width:30px;}
ul.dataFrameViewerList li div
{
	width:380px;
	text-align: left;
	float:left;	
	margin:0 0 0 0;
	padding-left:3px;
	height:auto;
	overflow:hidden;
}
ul.dataFrameViewerList li ul.innerList {margin:0px;}
ul.dataFrameViewerList li ul.toolBar {margin:0;}
ul.dataFrameViewerList li div input{ margin:-3px 0 0 0; height:15px;}
ul.dataFrameViewerList li hr
{
	margin:0 50% 40px 0px;
	border-width:1px;
	height:1px;
	color:#bbb;
}
ul.dataFrameViewerList .pagination li.active a{color:#EE5555!important;}
ul.dataFrameViewerList li div#urifield, div#recordviewer ul li div#urifield
{
	padding: 10px 0 10px 0;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #bbb;
	width:100%;
}

ul.dataFrameViewerList li.buttonContainer {height:15px;}
ul.dataFrameViewerList li.buttonContainer div.data {margin-top:0px;}
ul.dataFrameViewerList label.TrackingDataUnableToEdit{width:500px;}
ul.dataFrameViewerList li.selectBoxContainer {height:16px; padding-top:3px;}
ul.dataFrameViewerList li.selectBoxContainer label {top:1px!important;}
ul.dataFrameViewerList li.selectBoxContainer select#StatusSelection {width:150px; font-size:11px; height:20px; font-family:Verdana,Arial,Helvetica,sans-serif;}
ul.dataFrameViewerList li.selectBoxContainer label {top:3px; position:relative;}


























/*
	EDITOREN
*/
/* tiny*/
form#fWebPage
{
	margin:0;
	max-width:600px;
	min-width:600px;
	width:600px;
}

img#indicatorImage
{
	float:left;
	margin-left: 295px;
	margin-top:25px;
}


/*
	CUSTOM TAB TOOLBAR
*/
div#customTabPageToolBar{
	width:570px;
	padding:10px 10px 5px 0px;
	height:auto;
	float:left;
	border-bottom:1px dotted #aaa;
	margin:0 0 10px 8px;
}
div#customTabPageToolBar ul.toolBar{margin-left: 0px;padding-left:0px;}

ul#btnUseAsSourceForMapping
{
	float:right;
	left:504px;
	top:5px;
	position:absolute;	
}

/* .systemTabsRowList */
.columnPanelTabRow #systemTabsRowListContainer {position:absolute; width:600px; float:left; left:0px;}
.columnPanelTabRow #systemTabsRowList{position:relative; float:right; margin-right:6px; top:-1px; }
.columnPanelTabRow #subItemTabList{position:relative; top:20px;}
.columnPanelTabRow ul.toolBar,
.columnPanelTabRow ul.tabStrip {position:relative; top:20px;}
.columnPanelTabRow ul.toolBar li,
.columnPanelTabRow ul.tabStrip li {white-space:nowrap;}
.columnPanelTabRow #itemTabBtnMoveRight a {background-color:#fff; position:relative; left:-3;}
.columnPanelTabRow .lastTab a {border-right-width:0px;}


/*
	SYSTEMTABS
*/
/*
div#systemTabHeaderContainer
{
	left:7px;
	position:relative;
	padding:0 0 10px 0;	
	margin-left:0;
	margin-top:4px;
	width:580px;
}

div#systemTabHeaderContainer h2 {margin-top:3px;}
div#systemTabHeaderContainer label.documentType {top:-14px; color:#666666;position:relative;font-size:11px;font-style:italic;line-height:normal;}
div#recordviewer div#systemTabHeaderContainer {left:0px;margin-top:2px;}
div#recordviewer div#systemTabHeaderContainer h2 {margin-top:-2px; position:relative;}
div#recordviewer div#systemTabHeaderContainer label.documentType {top:0px!important;}
ul.systemTabList
{
	left:7px;
	position:relative;
	padding:0 0 10px 0;	
	margin-left:0;
	margin-top:6px;
	width:580px;	
}

ul.systemTabList li
{
	list-style: none;
	/*width:100%;*/
	
	clear: both;
	height:auto;
	margin:0 0 3px 0;
	
	/* new look */
	float:left;
	border-bottom:solid 1px #eee;
	line-height: 15px;
	min-height:13px;
	margin: 0 0 1px;
	padding:4px 0 6px 0;
	width:560px;
}

ul.systemTabList li.break
{
    border-bottom-color:#fff;
}

ul.systemTabList li label
{
	width:150px;
	text-align: left;
	clear:left;	
	float:left;
	margin:0px 10px 0 0;
	padding:0;
	color: #666;
}

ul.systemTabList li label.smallLabel {width:30px;}

ul.systemTabList li div
{
	width:380px;
	text-align: left;
	float:left;	
	margin:0 0 0 0;
	padding-left:3px;
	height:auto;
	overflow:hidden;
}

ul.systemTabList li ul.toolBar {margin:0;}

ul.systemTabList li div input{ margin:-3px 0 0 0; height:15px;}

ul.systemTabList li hr
{
	margin:0 50% 40px 0px;
	border-width:1px;
	height:1px;
	color:#bbb;
}

ul.systemTabList li div#urifield, div#recordviewer ul li div#urifield
{
	padding: 10px 0 10px 0;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #bbb;
	width:100%;
}

ul.systemTabList li.buttonContainer {height:16px;}
ul.systemTabList li.buttonContainer div.data {margin-top:0px;}
ul.systemTabList label.TrackingDataUnableToEdit{width:500px;}
ul.systemTabList li.selectBoxContainer {height:22px;}
ul.systemTabList li.selectBoxContainer select#StatusSelection {width:150px; font-size:11px; height:20px; font-family:Verdana,Arial,Helvetica,sans-serif;}
ul.systemTabList li.selectBoxContainer label {top:3px; position:relative;}

/* 
Hint/Error panels 
*/
.columnHint 
{
	position:absolute; 
	left:92px; 
	top:48px;	
	margin: 0 16px 16px 0;
}

.columnHintText
{
	background-color: #efc; 
	font-weight: bold;
	border: solid 2px #9c6;
	padding: 16px 16px;
}

.columnError
{
	position:absolute; 
	left:92px; 
	top:48px;	
	margin: 0 16px 16px 0;
}

.columnErrorText
{
	background-color: #f99; 
	font-weight: bold;
	border: solid 2px #c66;
	padding: 16px 16px;
}

.columnPanelTabRow ul.ToolBar,
.columnPanelTabRow ul.tabStrip {margin-left:8px;}