*
{
	margin: 0;
	padding: 0;
}

html
{
	overflow: auto;
}

body
{
	width:100%;
	height:100%;
	background-color: #000000;
	background-image: url(../Images/bg.gif);
	background-repeat: repeat;
	font-family: Arial , Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	overflow: auto;
	text-align: left;
}

#wrapper
{
	padding-top: 0px;
	width: 960px;
	margin: 0 auto;
}

.ob_show_panel {
        overflow: hidden;
        color:White;
}

 .HyperlinkCssClass img
        {
            float:right;
            padding:0 0 10px 10px;
            width: 160px;
        }


a
{
	color: #ffffff;
	font-weight:normal;
	text-decoration: underline;
}

a:hover
{
	color: #76c9db;
	font-weight:normal;
	text-decoration: underline;
}

.normal_wit_11
{
	color: #ffffff;
	font-weight:normal;
	font-size:11px;
}

.normal_wit_8
{
	color: #ffffff;
	font-weight:normal;
	font-size:8px;
}

.bold_wit_11
{
	color: #ffffff;
	font-weight:bold;
	font-size:11px;
}

.grijs_11
{
	color: #89969d;
	font-weight:normal;
	font-size:11px;
}

.alert
{
	font-size: 13px;
	color: Red;
	font-weight: bold;
}

.titel
{
	font-size: 46px;
	color: #76c9db;
	font-weight: bold;
	font-family: HelveticaNeue MediumCond, Helvetica, Arial, Verdana, sans-serif;
	}

.koptekst
{
	font-size: 13px;
	color: #76c9db;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	}


.textbox
{
	height: 16px;
	width: 300px;
	font-family: Arial , Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #ffffff;
	border: 1px inset #daddd1;
	padding: 2px;
}

.listbox
{
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	border: 1px inset #daddd1;
	padding: 1px;
}

hr
{
	border: 0;
	height: 1px;
	color: #676b6f;
	background-color: white;
	margin: 2px;
}

.button
{
	padding: 1px 5px;
	height:21px;
	border: 1px solid #ffffff;
	background: #e73a8a;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}


/*************** AJAX ****************************/

/*Modal Popup*/
.PNL
{
	margin-top:20px;
		
	}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#e73a8a;
	padding:3px;
	width:500px;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}


.CustomTabStyle .ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px; /*background:url(images/tab-line.gif) repeat-x bottom;*/
}
/*
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 
*/


.customCalloutStyle div, .customCalloutStyle td
{
	border: solid 1px Black;
	background-color: white;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 2px;
	cursor: pointer;
}

.highlight
{
	background-color: Red;
}
/*************** EINDE AJAX **************************/