* {
    padding: 0px;
    margin: 0px;
}

div.container_content
{
	font: normal 11px verdana;
	overflow: auto ;
}

input
{
	font: normal 11px verdana;
	margin-left: 10px ;
}

input[type="checkbox"]
{
	margin-left: 10px ;
	margin-top: 2px ;
	margin-bottom: 2px ;
}

input[type="button"]
{
	font: bold 11px verdana;
	margin-left: 0px ;
}

input[type="submit"]
{
	font: bold 11px verdana;
	margin-left: 0px ;
}

input.button_enabled
{
	vertical-align: bottom ;
	opacity: 1.0 ;
	margin: 1px ;
	border-width: 1px ;
	border-style: outset ;
}

input.button_enabled:hover
{ 
	border-style: inset ;
}

input.button_disabled
{
	vertical-align: bottom ;
	opacity: 0.5 ;
	margin: 2px ;
	cursor: default ;
}

textarea
{
	font: normal 11px verdana;
	margin-left: 10px ;
}

select
{
	font: normal 11px verdana;
	margin-left: 10px ;
}

div.droplist
{
       font: normal 11px verdana;
       border-style: solid ;
       border-width: 1px ;
       padding-left: 5px ;
       position: absolute ;
       background-color: white ;
       overflow: auto ;
       cursor: pointer ;
       z-index: 10 ;
}

p.droplist:hover
{
       background-color: lightblue ;
}

input[ type="text" ].readonly
{
	width: 500px ;
	border: 0px solid ; 
	background-color: lightgrey ;
}

textarea.readonly
{
	width: 500px ;
	border: 0px solid ; 
	background-color: lightgrey ;
}

optgroup option 
{
	padding-left: 20px;
}

div.hoofdgroep
{
	width: 311px; 
	height: 125px ; 
	border-style: outset ; 
	border-width: 1px ; 
	cursor: pointer ; 
	background-color: white ;
	color: black ;
	float: left;
	margin: 5px;
	border-radius: 12px;
}

div.hoofdgroep:hover
{
	background-color: #912a25 ;
	color: white ;
}

.menutext {
	font: normal 14px verdana;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 250px;
	border-bottom: 1px solid lightgrey ;
	z-index: 1 ;
}

ul li {
	position: relative;
}

li.l1 {
	float: left;
	width: 170px;
}

li ul {
	position: absolute;
	left: 249px;
	top: 0;
	display: none;
}

li.l1 ul.l2 {
	top: 24px;
	left: 0;
}

li.l1>ul.l2 {
	top: auto;
	left: auto;
}

ul li a.menutext {
	display: block;
	text-decoration: none;
	color: white ;
	background-color: #912a25;
	padding: 2px;
	border: 1px solid lightgrey ;
	border-bottom: 0;
	height: 20px;
}

ul li a:hover { color: #E2144A; background: #f9f9f9; }
		
li ul li a { padding: 2px 2px; }
		
li.l1:hover ul.l2, li.l1.over ul.l2, li.l2:hover ul.l3, li.l2.over ul.l3, li.l3:hover ul.l4, li.l3.over ul.l4 { display: block; }

div.beyond_grid
{
	overflow-y: visible ;
	overflow-x: auto ;
}

.beyond_grid div.button_search_bar
{
	font-family: verdana ;
	background-color: #d3d3d3 ;
}

.beyond_grid select
{
	width: 200px ;
}

.beyond_grid div.footer
{
	font-family: verdana ;
	background-color: #d3d3d3 ;

	border-width: 1px ;
	border-style: solid ;
	border-color: #bebebe ;
}

.beyond_grid div.scroll_container
{
	overflow-y: auto ;
	overflow-x: hidden ;
}

.beyond_grid table
{
	width: 100% ;
	border-spacing: 0px ;
	font-family: verdana ;

	border-width: 1px ;
	border-style: solid ;
	border-color: #bebebe ;
}

.beyond_grid table.table_header
{
	font-size: 12px ;
	font-weight: bold ;
	text-align: center ;

	background-color: #d3d3d3 ;

	cursor: pointer ;
}

.beyond_grid table.table_grid 
{
	height: 100% ; 

	font-size: 11px ;
	white-space: nowrap ;

	cursor: pointer ;
}

.beyond_grid table.table_grid tbody tr:hover
{
	background-color: #add8e6 ;
}

.beyond_grid table.table_grid tbody tr td
{
	vertical-align: top ;

	border-top-width: 1px ;
	border-top-style: solid ;
	border-right-width: 1px ;
	border-right-style: solid ;

	padding-left: 2px ;
	padding-right: 5px ;

	border-color: #a9a9a9 ;
}

.beyond_grid table.table_grid tbody tr td:last-child
{
	border-right-style: none ;
	padding-right: 20px ;
}

.beyond_grid table.table_grid tbody tr:first-child td
{
	border-top-style: none ;
}

.beyond_grid table.table_grid tbody tr:last-child td
{
	height: 100% ;
	border-right-style: none ;
}

.beyond_grid table.table_grid tbody tr:last-child:hover
{
	cursor: default ;
	background-color: transparent ;
}

.beyond_grid span
{
	margin-left: 5px ;
	font-weight: bold ;
	font-size: 10px ;
}

.beyond_grid div.legend
{
	display: inline-block ;
	font-weight: normal ;
	font-size: 10px ;
	border : 1px solid #bebebe ;
	background-color: #ffffff ;
	margin-left: 20px ;
	padding: 1px ;
	padding-right: 15px ;
}

.beyond_grid div.legend_blok
{
	margin-left: 15px ;
	margin-right: 2px ;
	width: 8px ;
	height: 8px ;
	display: inline-block ;
	border: 1px solid #000000 ;
}

.beyond_grid div.up_down
{
	float: right ;
	line-height : 1px ;
}
div.file
{
	width: 75px ;
	border-style: outset ;
	border-width: 1px ;
	padding: 3px ;
	text-align: center ;
	overflow: hidden ;
}

div.file:hover
{
	border-style: inset ;
	cursor: pointer ;
}

fieldset.file
{
	background-color: white ;
}
div.tabber
{
      	float: left ;
}

ul.tabber
{
	width: auto ;
      	margin: 0 ;
	margin-bottom: 5px ;
      	padding: 10px 10px 0 ;
      	list-style: none ;
      	display: table ;
}

li.tabber
{
      	float: left ;
      	background: url( "../images/beyond/right_both.gif" ) no-repeat right top ;
      	margin: 0 0 0 9px ;
      	padding: 0 ;
}

li.tabber_selected
{
	background-position: 100% -150px ;
      	color: #333 ;
}

div.tab
{
      	position: relative ;
      	left: -9px ;
      	margin-right: -9px;
      	width: auto ;
      	background: url( "../images/beyond/left_both.gif" ) no-repeat left top ;
      	padding: 5px 20px ;
      	text-decoration: none ;
      	font-weight: bold ;
      	color: #765 ;
      	cursor: pointer ;
}

div.tab_selected
{
      	color: #333 ;
      	background-position: 0 -150px ;
}

li.tabber:hover, li.tabber:hover div 
{
	background-position: 100% -150px ;
      	color: #333 ;
}

li.tabber:hover div
{
      	background-position: 0 -150px ;
}