body, table
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

div
{
}
div#layout_map *
{
}


body, html
{
	height:100%;
}
html
{
	overflow:hidden;
}

.txtFieldDefaulted
{
    color: #b2b2b2;
}

.exportlink
{
    text-decoration: underline;
    color: #ffffff;
    padding-right: 30px;
    font-weight: bold;
}

/*****************************************************************************/
/*
 * global layout
 */
#layout_menu
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:160px;
	background-color: #cccccc;
	background-image: url(../images/left_background.png);
	background-repeat: no-repeat; 
	
	padding-top:30px;
	padding-left:0px;
}


    .menu_buttons_top
	{
		position:absolute;
		width:120px;
		top:96px;		
		left: 40px;		
	}
	.menu_buttons
	{
		padding-top: 5px;
		padding-left: 40px;
		position:absolute;
		width:120px;
		height: 70px;
		bottom:0px;
		background-image: url(../images/left_background_beheer.png);
		background-repeat: no-repeat;
	}
	.menu_button
	{
		color: #ffffff;
		background-color: #000000;
		padding:3px 10px;
		margin-bottom:10px;
		cursor:pointer; cursor:hand;
	}
		#pnlLogin
		{
			position:absolute;
			background-color:#ffffff;
			border:solid 1px #b2b2b2;
			border-left:none;
			width:300px;
			height:80px;
			padding:5px 10px;
			bottom:34px;
			z-index:2;
		}

#layout_map_type
{
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 160px;
    margin-right: 160px; 
    background-color: #000000;
	position:absolute;
	top:0px;
	left:160px;
	height: 27px;
    border: 0px;
	overflow:auto;
	width: 100%;
}

#layout_map
{
	position:absolute;
	left:180px; /* WIDTH OF #LAYOUT_MENU */
	margin-left:15px;
	margin-top:15px;
	top:19px;
	height:360px;
	width:600px;
	border:solid 1px gray;
	
}

#layout_panels
{
	position:absolute;
	left:180px;
	top:394px; /* HEIGHT + MARGIN_TOP OF #LAYOUT_MAP */
}

.layout_details_panel
{
	position:relative;
	height:175px; /* should be calculated */
	width:600px; /* WIDTH OF #LAYOUT_MAP */

	margin-left:15px;
	margin-top:15px;
	border:0px;
	
	padding-left:0px;
}

#imgMap
{
	cursor:pointer; cursor:hand;
}

/*****************************************************************************/
/*
 * Detail Panel
 */
.details_panel_header
{
	background-color:#b2b2b2;
	height: 30px;
	font-weight:bold;
	padding:3px 0px 5px 5px;
	margin-bottom:8px;
	margin-left:-5px;
}

.details_panel_header_subtext
{
	font-weight:bold;
	color: #ffffff;
}
.details_panel_header_export_link 
{
	position:absolute;
	top:3px;
	right:5px;
	color:#000000;
}

#rbpi_regio_reports, #rbpi_export_postcodes, #gemeente_export_postcodes
{
	color:#000000;
}

.details_panel_leftcolumn
{
    background-image: url(../images/left_background_detailpanel.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 175px;
}

.details_panel_right
{
    float: left; 
    position: absolute; 
    left: 42px; 
    width:650px; 
    top: 0px; 
    height: 175px; 
    border-bottom: 1px solid #b2b2b2; 
    border-right: 1px solid #b2b2b2;
}

.details_panel_editcolumn
{
	position:absolute;
	left: 0px;
	width:280px;
	margin-top:5px;
}
	.gemeente_editcolumn
	{
		width:320px;
	}
	.plaats_editcolumn
	{
		width:320px;
	}

.details_panel_listcolumn
{
	position:relative;
	left:340px;
	top:0px;
	width:291px;
}
	.gemeente_listcolumn
	{
		left:360px;
		width:231px;
	}
	.plaats_listcolumn
	{
		left:360px;
		width:231px;
	}


.listcolumn_tabrow
{
	position:relative;
	overflow:auto;
	height:19px;
}
.maptyperow_tab
{
	float:left;
	padding:2px 5px 2px 5px;
	text-align:center;
	color: #ffffff;
	border-left: 1px solid #ee7f00;
	font-weight: bold;
	cursor:pointer; cursor:hand;
}
.maptyperow_linkright
{
	float:right;
	padding:2px 0px 1px 0px;
	text-align:right;
	margin-right:165px;
}

.listcolumn_tab
{
	float:left;
    color: #000000;
    font-weight: bold;
	padding:2px 0px 1px 0px;
	text-align:center;
	cursor:pointer; cursor:hand;
}
	.tab_1
	{
        padding-right: 5px;
	}
	.tab_2
	{
        padding-right: 5px;
        padding-left: 5px;
	}
	.tab_3
	{
        padding-left: 5px;
		border-right:none;
	}
.tab_selected
{
	color: #00ff00;
	cursor:default;
}

.tab_selected#lpi_panel_tab_1 , .tab_selected#lpi_panel_tab_2 , .tab_selected#lpi_panel_tab_3,
.tab_selected#rbpi_panel_tab_1, .tab_selected#rbpi_panel_tab_2, .tab_selected#rbpi_panel_tab_3,
.tab_selected#gemeente_panel_tab_1 
{
    color: #eb7e00;
}
.listcolumn_listrow
{
	overflow:auto;
	height:100px;

	padding:3px 2px 2px 3px;	
	border:solid 1px gray;
}

.editcolumn_fieldrow
{
	overflow:hidden; /* for ff */
	clear:left;
	padding-top:2px;
	height:24px;
}
.editcolumn_fieldheader
{
	clear:left;
	float:left;
	width:70px;
	padding-top:3px;
	margin-right:10px;
}

.editcolumn_field
{
	position:absolute;
	left:80px;
	width:190px;
}
	.gemeentecolumn_field
	{
		width:230px;
	}
	.plaatscolumn_field
	{
		width:360px;
	}

.editcolumn_field INPUT
{
	padding-left:2px;
	width:100%;
}

.editcolumn_button
{
	margin-bottom:5px;
}

.editcolumn_field SELECT
{
	width:196px;
}
	SELECT.gemeente_select
	{
		width:240px;
	}
	SELECT.plaats_select
	{
		width:240px;
	}

/*****************************************************************************/
/*
 * school
 */
#school_panel
{
	width:800px;
}
.school_panel_columnsrow
{
	overflow:auto;
}
	.school_panel_leftcolumn
	{
		float:left;
		width:290px;
	}
	.school_panel_middlecolumn
	{
		float:left;
		width:250px;
	}
	.school_panel_rightcolumn
	{
		float:left;
	}

.school_panel_middlecolumn .editcolumn_fieldheader
{
	width:80px;
}

#school_panel_postcode
{
	position:absolute;
	left:80px;
	width:57px;
	padding-left:3px;
}
	.school_panel_postcode_invalid
	{
		background-color:Red;
		border:solid 1px orange;
		padding-bottom:3px;
	}
#school_panel_plaats
{
	position:absolute;
	left:154px;

	padding-top:0px;
	height:20px;
	line-height:19px;

	padding-left:3px;
	width:118px;
	
	border:solid 1px #ABADB3;
	background-color:#B1CEED;
}
#school_panel_niveau
{
	width:130px;
}
#school_panel_programmas
{
	margin-top:3px;
	margin-left:90px;
}
#school_panel_notities
{
	margin-top:3px;
	width:170px;
	height:100px;
}


/*****************************************************************************/
/*
 * common style elements
 */
.header_small
{
	font-weight:bold;
}
.menu_link
{
	display:block;
	text-decoration:none;
}
.menu_link:hover
{
	text-decoration:underline;
}
.menu_link:visited
{
	color:blue;
}



.pnlSearch
{
	position:absolute;
	
	width:260px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	
	border:solid 1px #b2b2b2;
	border-left:none;
	background-color:#ffffff;
	z-index:10;
}
	.searchCloseButton
	{
		position:absolute;
		right:3px;
		top:5px;
	}
	.searchHeader
	{
		font-weight:bold;
		margin-bottom:2px;
	}
	.searchNotFound
	{
		margin-top:2px;
		color:Red;
	}
	
.lpi_list_school_item
{
	cursor:pointer;
	color:Blue;
}