﻿/* PAGE/GENERAL */

/** Color Scheme **/
/* Logo Green		= #008811 --> General used color
/* Black 			= #000000
/* Dark Grey Green  = #223322
/* Light Grey		= #CCCCCC
/* Dark Grey		= #AAAAAA or #999999
/* Dark Green		= #006622
/* Green			= #228844
/* 223322 
/* 4D594D 
/* 778077 
/* A2A6A2 
/* BBBDBB 
/* 1D422C 
/* 1A4C34 
/* 116744 
/* 098056 
/* 038F5F 
/* Green-Beige #BFD362

/** End Color Scheme **/




/**** =GENERAL
***************************/
*{
	margin:0;
	padding:0;
	font-size: 11px;
	font-family:Verdana;
}

html
{
	color:#555555;
}

.GridDropDown
{
	font-size: 11px;
	font-family:Verdana;
	color:#555555;
}

body
{
	font-family:Verdana;
	font-size:8pt;
}


h4{
	margin:0 4px 0 0;
	font-size:large;
	font-family:Verdana;
	color:#008811;
}

h6{
	font-size:12px;
	font-family:Verdana;
	text-align:center;
}

hr
{
	height:1px;
	padding-bottom:0px;
	margin-bottom:0px;
}

a, a:link, a:visited 
{ 
	color:#008811;
}
.redlink, .redlink:link, .redlink:visited 
{ 
	color:Red;
}

input[type="text"] 
{
	border-color:#228844;
	border-bottom-width:1px;
}


/**** MasterPage Style ****/

/**** =NONFOOTER
***************************/
* html #nonfooter{
height:100%;
margin:0 0 20px 0;
padding:0 0 20px 0; 
}

#footer{
margin:0 0 15px 0;
padding:0 0 15px 0;

}

		/**** =HEADER
		***************************/
		.header
		{
			
			padding:0px 0 0 25px;
			margin: 0 0 8px 0px;
			width:100%;
			background-color:#E9F0C6;
			
		}
					/**** =HEADERLEFT
				***************************/
				.headerleft
				{
					float:left;	
					margin:0 0 0 0px;
					padding:0px 0px 0 0px;
					height:88px;
					width:230px;
					text-align:left;
					vertical-align:bottom;
				}
				/**** =HEADERCENTER
				***************************/
				.headercenter
				{
					padding:10px 10px 0 0px;
					float:left;
					text-align:center;
					height:88px;
					width:50%
				}
				
		
		/**** =CONTENT
		***************************/
		.content{
		/*	padding:0 0 25px;
			margin:0 0 25px;*/
			clear:both;
						
		}

				/**** =CONTENTMENU
				***************************/
				.contentmenu
				{ 
					text-align:left;
					/*display: inline;*/
					clear: left;
					float: left;
					width: 20%;
					/*margin-bottom:25px;*/
					margin-left:10px;
				}
					
					/**** =CONTENTCONTACT
					***************************/
					.contentcontact
					{
						clear:both;
						float:left;
						text-align:left;
						width:100%;
					
						
					}
				
				/**** =CONTENTAREA
				***************************/
				.contentarea
				{
					text-align:left;
					/*margin-bottom:25px;*/
					margin-left:15px;
				/*	padding:0 0 25px 5px;*/
					float: left;
					clear:right;
					width: 75%;
					
				}
				
				
			
/**** =FOOTER
***************************/
.footer{
background-color:#E9F0C6;
margin:0 0 0 0;
text-align:left;
width:100%;
height:25px;
border-top:solid 1px #008811;
}

.collapsepanelheader
{
	/*
	cursor:hand;
	font-weight:bold;
	background-color: white;
	border-left: solid 1px #778077;
	border-bottom: solid 1px #778077;
	*/
	cursor: hand;
	color: #555555;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;	
	background-image: url(Images/panelbackground_light.gif);
	height: 15px;
}

.collapsepanelheader_searchcriteria
{
	cursor: hand;
	color: white;
	font-family: Verdana;
	font-size: 11px;
	/*background-color: #778077;*/
	color: White;
	text-decoration: none;	
	background-image: url(Images/panelbackground_search.gif);
	height: 15px;
}

.collapsepanelheader_searchresult
{
	cursor: hand;
	color: white;
	font-family: Verdana;
	font-size: 11px;
	/*background-color: #778077;*/
	color: White;
	text-decoration: none;	
	background-image: url(Images/panelbackground_search.gif);
	height: 15px;
}

.collapsepanelheader_detailsmain
{
	cursor: hand;
	color: white;
	font-family: Verdana;
	font-size: 11px;
	background-color: #008811;
	color: White;
	text-decoration: none;	
}

.collapsepanelheader_detailssub
{
	cursor: hand;
	color: white;
	font-family: Verdana;
	font-size: 11px;
	background-color: #008811;
	color: White;
	text-decoration: none;	
}

.collapsepanel
{
	background-color: white;
	padding-top:5px;
}

.collapsepanelborder
{
	background-color: #ECEEF3;
}

.collapsepanel_searchcriteria
{
	background-color: white;
}

.collapsepanel_searchresult
{
	background-color: white;
}

.collapsepanel_detailsmain
{
	background-color: white;
}

.collapsepanel_detailssub
{
	background-color: white;
}
.MessagePanel
{
	background-color:#E9F0C6;
	padding:3px;
	width:99%;
	border:1px solid #008811; 
  /*  filter: dropshadow(color=#FF0000,offx=2,offy=3);	causes unwanted shadow*/
}

.labelbold
{
	font-weight:bold;
}
.lb
{
	font-weight:bold;
}
.labelboldred
{
	font-weight:bold;
	color:Red;
}
.labelboldunderline
{
	font-weight:bold;
	text-decoration:underline;
}
/**** End MasterPage Style ****/


/* ######################################################################### */
/* DETAILSVIEW */
/* ######################################################################### */

.detailsView_FieldHeaderStyle
{
	border-width:0px;
	vertical-align:top;
	padding-top:2px;
	white-space:nowrap;
}

.detailsView_FieldControlStyle
{
	width:90%;
}

.detailsView_RowStyle
{
}

.detailsView_EditRowStyle
{
}

.detailsView_HeaderStyle
{
	font-weight: bold;
	border-width:0px;
}

.detailsView_HeaderTemplate
{
}

.detailsView_BoundField, .detailsView_BoundFieldRequired, .detailsView_BoundFieldReadonly
{
	width:90%;
}

/*
.detailsView_BoundFieldRequired
{
	background-color:#f0e68c;	
}

.detailsView_BoundFieldReadonly
{
}
*/

/* ######################################################################### */
/* VALIDATORS */
/* ######################################################################### */

.RequiredFieldValidator
{
	font-size:7pt;
	color:red;
}

.RequiredControl
{
	background-color: #fffec1;
}

.ReadonlyControl
{
}

/* ######################################################################### */
/* HTMLCONTROLS */
/* ######################################################################### */

textarea
{
	width:100%;	
	margin-right:10px;
}

/* ######################################################################### */
/* DEFAULT ASP DATAGRID CLASS */
/* ######################################################################### */
.DefaultDataGrid
{
	background-color: #E9F0C6;
	padding:3px;
	width:99%;
}

.DefaultDataGrid_Content
{
	background-color:white;
	padding:10px;
	width:100%;
}

.DefaultDataGrid_Header
{
	color:#333333;
	font-family:verdana;
	font-size:12pt;
	font-weight:bold;
	padding:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-top:1px;
	padding-right:0px;
	border-color:#008811;
}


/* ######################################################################### */
/* COLLAPSE */
/* ######################################################################### */

.LrvCollapsePanel
{	
	background-color: #E9F0C6;
	padding:3px;
	width:99%;
	/* filter: dropshadow(color=#FF0000,offx=2,offy=3);	causes unwanted shadow*/
}

.LrvCollapsePanel_Content
{
	background-color:white;
	padding:10px;
	width:100%;
}

.LrvCollapsePanel_Header
{
	color:#333333;
	font-family:verdana;
	font-size:8pt;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:3px;
	padding-top:1px;
	padding-right:0px;
	border-color:#008811;
}
/*
fieldset
{
	border: 1px solid green;
	margin-bottom:15px;
}

legend
{
	font-weight:bold;
}

.legendImageCollapse
{
}

.legendImageExpanded
{
}

.fieldset_container
{
}
*/

.GridButton 
{
	text-align:center;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: Transparent;
}

.codeComboBoxControl_DropDown
{
	width:100%;
}

/* ######################################################################### */
/*								CURSUS KALENDER								 */
/* ######################################################################### */
.cursusCalendar
{
	width:100%;
	border-width: 1px;
	border-style:solid;
	border-color:#008811;
	border-collapse: collapse;
}
.cursusCalendarTH
{
	border-width: 1px;
	border-style:solid;
	border-collapse: collapse;
	background-color:#E9F0C6;
	height:25px;
}
.cursusCalendarTD
{
	border-width: 1px;
	border-style:solid;
	border-collapse: collapse;
	vertical-align:top;
	padding:2px;
	white-space:nowrap; 
}
.cursusCalendarTD img
{
	vertical-align:bottom;
}

/* ######################################################################### */
/*								TIJDS GROEPEN								 */
/* ######################################################################### */
.tijdskaartenTable
{
	width:100%;
	border-width: 1px;
	border-style:solid;
	border-color:#008811;
	border-collapse: collapse;
}
.tijdskaartenTableTH
{
	border-width: 1px;
	border-style:solid;
	border-collapse: collapse;
	background-color:#E9F0C6;
	text-align:center;
}
.tijdskaartenTableTHVertical
{
	filter: flipv fliph;
	writing-mode: tb-rl;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#E9F0C6;
	text-align:center;
}
.tijdskaartenTableTD,
.tijdskaartenTableTDCenter
{
	border-width: 1px;
	border-style:solid;
	border-collapse: collapse;
	vertical-align:top;
	padding:2px;
	white-space:nowrap; 
}
.tijdskaartenTableTDCenter
{
	text-align:center;
}
/* ######################################################################### */
/*								WEDSTRIJD KALENDER							 */
/* ######################################################################### */
.wedstrijdCalendar
{
	width:50%;
	border-collapse: collapse;
}
.wedstrijdCalendarTH
{
	border-width: 1px;
	border-style:solid;
	border-color:#008811;
	border-collapse: collapse;
	background-color:#E9F0C6;
	height:25px;
}
.wedstrijdCalendarEmptyTH
{	
	border-width: 0px;
	border-style:solid;
	border-collapse: collapse;
	background-color:white;
	height:25px;
}
.wedstrijdCalendarTD
{
	border-width: 1px;
	border-style:solid;
	border-color:#008811;
	border-collapse: collapse;
	vertical-align:top;
	padding:2px;
	white-space:nowrap;
}
.wedstrijdCalendarTD img
{
	vertical-align:bottom;
}

div#lrvtooltip{
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#E9F0C6; 
  border:1px solid #008811; 
  padding:4px;
  line-height:1.2;
}


.ValidationSummary
{
	background-color:#E9F0C6;
	padding:3px;
	width:99%;
	border:1px solid #008811; 
    /* filter: dropshadow(color=#FF0000,offx=2,offy=3);	causes unwanted shadow*/
}

.ValidationSummary_Content
{
	background-color:#E9F0C6;
	padding:10px;
	font-weight:bold;
}

.ValidationSummary_Header
{
	color:#333333;
	font-family:verdana;
	font-size:8pt;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:3px;
	padding-top:1px;
	padding-right:0px;
	border-color:#008811;
}

.ValidationSummary_Icon
{
	vertical-align:bottom;
}

.Menutbl
{
	border-width: 1px;
	border-style:solid;
	border-color:#008811;
	border-collapse: collapse;
	height:98%;
}
.Menutbltd
{
	padding:5px;
	white-space:nowrap; 
}