/* global */

body, html
{
	font-family: verdana;
	font-size:12px;
	color:#777777;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#eee;
}


.FormField div
{
}

.FormField .Top
{
	float: none;
	width: 100%;
}
.FormField .Left
{
	float: left;
	width: 200px;
}

.relatie_error
{
	color: #f00;
	margin-left: 11px;
	font-size: 10px;
}

.completeList
{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: solid 1px #eee;
	width: auto !important;
    list-style-type: none;
}
.completeList li
{
    list-style-type: none;
	width: 400px;
	padding: 5px !important;
}

.completeList .small
{
	font-size: 10px;
}

.completeListItem
{
	cursor: pointer;
}

.completeListItem_Active
{
	font-weight: bold;
	cursor: pointer;
}

.listEvents table
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 490px;
	background-color: #eee;
}

.listEvents a
{
	position: relative;
	top: 10px;
}


.listEvents table th
{
	padding: 10px 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.listEvents .eventTitle
{
	float: left;
}

.listEvents table td
{
	padding: 10px 10px;
	vertical-align: top;
}

.listEvents .eventDate
{
	float: right;
	font-weight: normal;
}

.listEvents .eventStats label
{
	font-size: 11px;
	width: 200px;
	float: left;
	display: block;
}

.listEvents .eventStats .nr
{
	font-size: 11px;
}

.listEvents .eventImage
{
	width: 85px;
}


.zoekwatermerk 
{
	color: #aaa !important;
}

h1
{
	font-size:14px;
	color:#333;
	font-weight:bold;
	margin-top:0;
	margin-bottom:10px;
}

h3
{
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 1px;
}

h5
{
	padding: 0px;
	margin: 1px;
	font-size: 12px;
}

#container
{
	width:100%;
	height:100%;	
}

img
{
	border:0;
}

.clear
{
	clear:both;
}

hr
{
	border: 0;
	height: 0;
	border-top: solid 1px #eee;
	width:100%;
}

.left
{
	float:left;
	clear:both;
}

.right
{
	float:right;
	clear:both;
}

/* buttons */

a.content_btn{
	background-color: #cf3703;
	display: block;
    float: left;
    height: 22px;
    margin-right: 6px;
    padding-right: 10px;   
    margin-bottom:5px;
    margin-top:5px;
    text-transform:uppercase;
    font-size:9px;
    text-decoration:none !important;
 }

a.content_btn span 
{
    display: block;
    padding: 5px 10px 5px 20px;
    color:#fff;	
} 

.content_btn span a 
{
	color:#96f9ff;
} 

.content_btn:hover span
{
	color:#fff !important;
}

a.cancel_btn
{
	background-color: #aaa;
    display: block;
    height: 22px;
    float:left;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */    
    margin-bottom:5px;
    margin-top:5px;
    text-transform:uppercase;
    font-size:10px;
    text-decoration:none !important;
}

a.cancel_btn span {
    display: block;
    line-height: 11px;
    padding: 5px 10px 5px 20px;
    color:#E3E3E3;	
} 

.cancel_btn span a 
{
	color:#E3E3E3;
} 

.cancel_btn:hover span
{
	color:#fff !important;
}

.header_btn{
	display: block;
	float: left;
	height: 20px;
	margin-right: 6px;
	padding-right: 10px; 
	color: #777;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	margin-top:15px;
}

.header_btn span {
	display: block;
	line-height: 20px;
	padding: 0px 0 5px 9px;
} 

.header_btn:hover span{
	color:#6c9ab2;
}


/* header */

#header
{
	height:91px;
	width:100%;
	background-color: #fff;
}

#header_group
{
	width:100%;
}

#header_left
{
	height:100%;
	float:left;
}

#header_left_img
{
	margin-top: 20px;
	margin-left: 26px;
	float: left;
}

#header_left_name
{
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
}

#header_left_text
{
	float: left;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-top: 20px;
	margin-left: 17px;
	width: 500px;
}

#header_left_slogan
{
	float: left;
}

#header_left_logoff
{
	font-size: 10px;
	color: #666;
	margin-left: 8px;
	margin-top: 3px;
	float: left !important;
}

#header_left_logoff a
{
	font-size: 10px;
	color: #666;
}


/* body */

#body
{
	width:100%;
}

#content_group
{	
	width:100%;
}

#content_left
{
	float:left;
	width:510px;
}

#content_right
{
	float:right;
	width:340px;
}

#content_wide
{
	width:100%;

}

#content_right
{
	float:right;
	width:340px;
}

.content_block
{
	width:100%;
	margin-bottom:20px;
	z-index:100;
}

.content_block_header
{
	background-color:#666;	
	height:30px;
}

.content_block_header span
{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	position:relative;
	top:8px;
	left:13px;	
}

.content_block_body
{
	background-color:#fff;
	padding:15px;
	padding-right:10px;
	padding-bottom:36px;
}

.content_block_body a
{
	text-decoration:underline;
	color:#605f5f;
}

.content_block_body a:hover
{
	color:#39667d;
}


/* menu */

#menu
{
	background-color:Transparent;
	border: solid 1px #ccc;
}

#menu_group
{
	height:30px;
	width:100%;
	background-color: #666;
}

#menu_left
{
	z-index: 1000;
	position:absolute;
}

#menu_left_button_left
{
	height:100%;
	width:149px;
	float:left;
}

#menu_left_button_left span
{
	color:#fff;
	position:relative;
	top:8px;
	left:8px;
}

#menu_left_button_right_img
{
	position:relative;
	top:8px;
	left:14px;
	
}

#menu_left_button_group 
{
	width:180px;
	background-color:#15b2bb;
	position:absolute;
	top:29px;
	left:-40px;
	display:none;
	z-index:10;
}

#menu_left_button_group li a
{
	border-top:1px solid #149ea8;
	list-style-type:none;
	position:relative;	
	width:100%;
	height:30px;
}

#menu_left_button_group li:hover
{
	background-color:#00868f;
}

#menu_left_button_group li a
{
	color:#fff;
	text-decoration:none;
	display:block;
}

#menu_left_button_group li:hover a
{
	color:#fff;
}

#menu_right
{
	height:100%;
	width:500px;
	float:right;
}

#menu_right span
{
	position:relative;
	left:9px;
	top:7px;
	color:#3c3c3c;
	font-size:10px;
	font-weight:bold;
}


/* module_function menu */

.jqueryslidemenu{

	width:800px;
	height:30px;
	
}

* html .jqueryslidemenu
{
	margin-left:-15px;
}


.jqueryslidemenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jqueryslidemenu ul li{
	line-height:30px;
	text-indent:15px;
	width:180px;
}

*html .jqueryslidemenu ul li{
	line-height:30px;
	position:relative;

}

*html .jqueryslidemenu ul li ul li ul li{
	line-height:28px;
	position:relative;
	margin-left:-15px;
}


.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-repeat:no-repeat;
	background-position:top left;
	border-right: solid 1px #ccc;
}

.jqueryslidemenu ul li a{
	display: block;
	background: #fff;
	color: #444;
	height:30px;
	width:157px;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

* html .jqueryslidemenu ul li a{ 
	display:inline-block;

}

.jqueryslidemenu ul li a{
	color: #666 !important;
}

.jqueryslidemenu ul li a:hover{
	background: #666; 
	color: #fff !important;
	text-decoration:none;
}


	
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

* html .jqueryslidemenu ul li ul li{

}


.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.jqueryslidemenu ul li ul li ul{
	top: 0;
}

.jqueryslidemenu ul li ul li ul li a{
	background-color:#00868f;
	color:#fff;
}

.jqueryslidemenu ul li ul li ul li a:hover{
	background-color:#7cd4e7;
	color:#fff;
	text-decoration:none;
}

.jqueryslidemenu ul li ul li a{
	width: 180px; 
	height:30px;
}

.downarrowclass{
	position: absolute;
	top: 15px;
	right: 10px;
}

.rightarrowclass{
	position: absolute;
	top: 12px;
	right: 9px;
}



/* tabmenu */

.content_tab_menu
{
	width:100%;
	height:60px; 
}

.content_tab_menu_toplevel
{
	background-color:#fff;	
	border-bottom:1px solid #ddd;
	height:30px;
}

.content_tab_menu_toplevel div
{
	float:left;
	height:30px;
	text-transform:uppercase;
	border-right:1px solid #ddd;
	display:inline;	
}

*html .content_tab_menu_toplevel div
{
	width:10px;	
}

.content_tab_menu_toplevel div:hover
{
	background-color:#cf3703;
	color: #fff !important;
}


.content_tab_menu_toplevel span
{

	line-height:30px;	
}

.content_tab_menu_toplevel div a
{
	color:#666;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	font-size:10px;
	font-weight:bold;	
	margin:0 7px 0 7px;		
}

.content_tab_menu_toplevel div a:hover
{
	color:#fff;		
}

/*active*/


.content_tab_menu_toplevel_active span
{
	color:#fff;
	background-color:#cf3703;
}

.content_tab_menu_toplevel_active
{
	color:#ffffff !important;
	background-color:#cf3703;
}

.content_tab_menu_toplevel_active  a
{

	color:#ffffff !important;
}

/* sublevel */

.content_tab_menu_sublevel_active span
{
	color:#fff;
}

.content_tab_menu_sublevel_active
{
	color:#ffffff !important;
}

.content_tab_menu_sublevel_active  a
{

	color:#ffffff !important;
}

/* sublevel */

.content_tab_menu_sublevel
{
	background-color:#88b2c9;	
	height:30px;

}

.content_tab_menu_sublevel div
{
	float:left;
	height:30px;
	text-transform:uppercase;
	border-right:1px solid #769db2;
	margin-bottom:20px;
}

*html .content_tab_menu_sublevel div
{
	width:10px;
}

.content_tab_menu_sublevel div:hover
{
	color:#fff;
}

.content_tab_menu_sublevel span
{

	line-height:30px;
}

.content_tab_menu_sublevel div a
{
	color:#39667d;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	font-size:10px;
	font-weight:bold;	
	margin:0 7px 0 7px;
}

.content_tab_menu_sublevel div a:hover
{
	color:#fff;		
}


/*cockpit*/

#cockpit
{
	width:640px;
	height:100%;
	background-image:url(../Images/cockpit_bg.gif);
	background-repeat:repeat-y;
	top:0;
	z-index:100000;
	left:-600px;
	position: absolute;
}

#cockpit_left
{	
	width:600px;
	height:100%;
	float:left;	
}

#cockpit_left_top
{
	width:100%;
	height:91px;
	background-image:url(../Images/cockpit_top_bg.gif);
	background-repeat:repeat-x;	
	font-size: 16px;
}

#cockpit_left_top_logo
{
	position:relative;
	top:10px;
	left:39px;
}

#cockpit_left_body
{
	width:100%;
	height:100%;
	
}

#cockpit_scroll_pane
{
	margin-top:20px;
	margin-left:20px
}

#cockpit_left_body_margin
{
	margin-left:5px;
	margin-right:35px;	
}

#cockpit_right
{
	width:25px;
	position:relative;
	left:8px;
	height:100%;
	float:left;
}

*html #cockpit_right
{

}

#cockpit_handle
{
	position:relative;
	top:110px;
	left:0;
	cursor:pointer;
}

#cockpit_tooltip
{
	position:relative;
	top:60px;
	left:-3px;
	cursor:pointer;
}

#cockpit_tooltip_text
{
	position:relative;
	top:35px;
	left:0px;
	cursor:pointer;
	width: 130px;
	float: left;
	text-align: center;
	color: #333;
	font-size: 10px;
}



/* cockpit scroll */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	top:20px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #d9e1b3;
	top:20px;
}

.jScrollPaneDrag {
	position: absolute;
	background: #ffffff;
	border-left:1px solid #d9e1b3;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
} 

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.horizontalspacer
{
    float: left; 
    width: 10px;
}

.modalDialogPanel
{
	border: solid 1px #aaa;
	background-color: #fff;
}
.modalBackground 
{ 
    background-color:#aaa; 
    filter:alpha(opacity=30); 
    opacity:0.3px; 
} 

.modalHeader
{
	background-color:#39667d;	
	height:30px;    
}

.modalBody
{
	background-color:#fff;
	padding: 15px 15px 0px 15px;
}
.modalHeader span
{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	position:relative;
	top:8px;
	left:13px;	
}

.modalBody a
{
	text-decoration:underline;
	color:#605f5f;
}

.modalBody a:hover
{
	color:#39667d;
}

a.dialog_close
{
	background: transparent url('../Images/close.jpg') no-repeat scroll top right; 
    display: block;
    float:right;
    height: 19px;
    width: 17px;
}
.dialog_close:hover
{
	background: transparent url('../Images/close_hover.jpg') no-repeat scroll top right; 
    display: block;
    float:right;
    height: 19px;
    width: 17px;
}
.dialog_close_content
{
    width: 100%; 
    text-align: right; 
    position: relative; 
    top: -10px; 
    right: 10px; 
    padding-right: 10px;    
}
.floating_button_div
{
    float: left; 
    padding-left: 5px; 
    position: relative;     
}
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;z-index:1000;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.NietBruikbaar {color: #bbb !important;}