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

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

input[type="text"]
{
	font: normal 11px verdana;
	margin-left: 10px ;
}

input[type="password"]
{
	font: normal 11px verdana;
	margin-left: 10px ;
}

input[type="file"]
{
	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;
}

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

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:rgba(0,0,0,0.1);
	float: left;
	margin: 5px;
	border-radius: 12px;
}

div.hoofdgroep:hover
{
	background-color: #207D52 ;
	color: white ;
}

.menutext {
	font: normal 11px verdana;
}

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

ul li {
	position: relative;
}

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

li ul {
	position: absolute;
	left: 199px;
	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: #207D52;
	padding: 2px;
	border: 1px solid lightgrey ;
	border-bottom: 0;
	height: 15px;
}

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

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}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 ;
}