/* ================================
    CSS STYLES FOR BEDRIJVENREGISTER
	versie 3.0.2
	modified:  24 oktober 2005 
   ================================
*/

/*
 * Basis vormgeving voor de hoofdonderdelen van het bedrijvenregisterscherm
 */
.Tabbar
{
	font-family: Arial;
	font-size: 12px;
	background-color: #9D1B33;
}

.Titlebar
{
	background-color: #011B54;
}

.Footerbar
{
	background-color: #011B54;
}



/*
 * Detailvormgeving van de tabbar - de huidig geselecteerde tab
 */
.TabSeparator
{
	color: Black;
	padding: 0px;
	visibility:hidden;   /* op hidden zetten als je geen separator wilt */
}


.SelectedTab, .OtherTab
{						/** Tekststyle geselecteerde menu-tabs**/
	font-family: Arial;
	font-size: 12px;
    	font-weight: normal;
    	text-transform: lowercase;
	text-align: center;
}


.SelectedTab A
{
	color: white;
	text-decoration: none;
	display: block;
	background-color: #011B54;
	width: 120px;
	height: 20px;
	padding-top: 3px;

}

.SelectedTab A:hover
{
}

/*
 * Detailvormgeving van de tabbar - de niet-geselecteerde tabs
 */

.OtherTab A
{
	color: white;	
	text-decoration: none;
	display: block;
	width: 120px;
	height: 20px;
	padding-top: 3px;
}

.OtherTab A:hover
{
	background-color: #011B54;
}




/*
 * Detailvormgeving van de Titlebar
 */
.Title
{
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Arial;

}

.Titlebar TD
{
	padding: 4px;
}

A.TitlebarLink:link
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Arial;
}

A.TitlebarLink:visited
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Arial;
}

A.TitlebarLink:hover
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Arial;
}

A.TitlebarLink:active
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Arial;
}

    
/*
 * Detailvormgeving van de footerbar - links in de footerbar
 */

.FooterText
{
	font-weight: normal;
	font-size: 11px;
	color: #C0D4D2;
	line-height: 12px;
	font-family: Arial;
	text-decoration: none;
}

A.FooterLink:link
{
	font-weight: normal;
	font-size: 11px;
	color: #C0D4D2;
	line-height: 12px;
	font-family: Arial;
	text-decoration: underline;
}

A.FooterLink:visited
{
	font-weight: normal;
	font-size: 11px;
	color: #C0D4D2;
	line-height: 12px;
	font-family: Arial;
	text-decoration: underline;
}

A.FooterLink:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #C0D4D2;
	line-height: 12px;
	font-family: Arial;
	text-decoration: underline;
}

A.FooterLink:active
{	
	font-weight: normal;
	font-size: 11px;
	color: #C0D4D2;
	line-height: 12px;
	font-family: Arial;
	text-decoration: underline;
}

/* 
 * Vormgeving van de (nu grijze) borders om het bedrijvenregister heen
 */

.GrayScaleLinks
{
	background-color: #EAEAEA;
}

.GrayScaleRechts
{
	background-color: #EAEAEA;
}

.GrayScale
{
	background-color: #EAEAEA;
}



/* style for ERROR messages */
.ErrorText
{
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight: bold;
	color: red;
}



/* text style used for textboxes in the several pages 
(SEARCHPAGE, RESULTPAGE, DETAILPAGE, REQUESTPAGE etc.*/

.SearchPageTextBox
{
	font-family: Arial;
	/*font-weight: bold;*/
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 1px;
	margin-left: 2px;
	color: #000034;
}

.SearchPageLabel
{
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 1px;
	margin-left: 2px;
	color: #000034;
}


.SearchPageLabelWarning
{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:Red;
	width: 350px;
}


.QuickSearchPageTextBox
{
	font-family: Arial;
	font-size:9px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000034;
}
TD .RequestPageHeading /* balkjes op de aanvragen pagina */
{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	color: #000034;
	background-color: #EAEAEA;
	text-align: center;
}

TD .SearchPageHeading
{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	color: #000034;
	background-color: #EAEAEA;
	text-align: center;
}
/* BUTTONS */

.SearchPageButton
{
	padding-left: 22px;
	border: none;
	cursor: hand;
	color: #000034;
	font-family: Arial;	
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	text-decoration: underline;
	background: url(../images/button_arrow.gif) no-repeat center left;
	text-align: left;

}

.QuickSearchPageButton
{
	border-right: 2px;
	border-top: 2px;
	border-left: 2px;
	cursor: hand;
	color: #000034;
	border-bottom: 2px;
	font-family: Arial;	
	font-size: 11px;
	font-weight: bold;
	background-color: #B3BACC;
	text-decoration: underline;
	list-style-position: inside;
    	list-style-image: url(button_arrow.gif);
}


/* STYLE USED FOR TABLES/DATAGRID */
.OUTERTABLE
{
	border-right: #000034 1px solid;
	border-top: #000034 1px solid;
	border-left: #000034 1px solid;
	border-bottom: #000034 1px solid;
	background: #CCD3E1;
}

.OUTERTR
{
/*	border-bottom: #0E1330 0px solid;*/
	background-color: #CCD3E1;
}
.OUTERTABLE_TOP_LEFT
{
	background-color: #011B54; 
}
.OUTERTABLE_DATAGRID 			/* omlijning van het zoekresultaten scherm */
{
	border-top: #000034 0px solid;
	border-right: #000034 0px solid;
	border-left: #000034 0px solid;
	border-bottom: #000034 0px solid;
	background-color: #CCD3E1;  
}


/* DATAGRID: SearchResult Page*/
.DatagridHeader
{	
	background-color: #EBEDEA; 
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000034;
}
.DatagridHeader TD A
{	
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000034;
}
.DatagridFooter
{	
	background-color: #B3BACC; 
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}

.DatagridItems
{	
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 13px;
	color: #000034;
}

.DatagridAlternatingItems 		/* geen functie */
{
	background-color: #EBEDEA;
	font-family: Arial;
	font-size: 13px;
	color: #000034;
}

.DatagridSelectedItems
{
	background-color: #336699;
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}

.DatagridPager
{
	background-color: #B3BACC; 
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}


.DatagridPager TD A
{
	background-color: #B3BACC; 
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}

.DatagridPagingItems
{
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 11px;
	color: red;
}

/* HELP */
.HelpPage
{	
	background-color: #CCD3E1;
	font-family: Verdana;
	font-size: 11px;
	color: #000034;
}



/* DISCLAIMER */
.DisclaimerPage
{	
	background-color: #CCD3E1;
	font-family: Verdana;
	font-size: 11px;
	color: #000034;
}



/* STARTPAGE */
.StartPage
{	
	background-color: white;
	font-family: Arial;
	font-size: 11px;
	color: #000034;
	background: url(../images/over_ecabo.jpg) no-repeat center left;
}


/* MAINTENANCE pagina, wordt getoond als de site in onderhoud is. */
.MaintenancePage
{	
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 14px;
	color: #000034;
}

/* ERKENNINGSREGLEMENT */
.ErkenningsReglementPage
{	
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}

/* ERRORPAGE */
.ErrorPage
{	
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 11px;
	color: red;
}

/* DETAILPAGE */

.DataListHeader			/* KLEUR VOOR HEADER OVERZICHT*/
{
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000034;
}
.DataListItems				
{	background-color: #B3BACC;
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}
.DataListAlternatingItems
{
	background-color: #B3BACC;
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}

.DetailPageCellHeader		/* Kopjes detailscherm op bedrijfsgegevens*/
{	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000034;
	background-color: #EBEDEA; 
}	

.DetailPageCellLabel		/* Kopjes veldlabels*/
{
	font-family: Arial;
	font-size: 11px;
	color: #000034;
}
	
.DetailPageCellData
{	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000034;
}



/* VACANCIES */
.VacancieHeader
{	font-family: Arial;
	font-size: 11px;
	font-weight:  normal;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #CCD3E1; 
}
	
.VacancieItemCell
{	font-family: Arial;
	font-size: 11px;
	font-weight:  normal;
	color: #000034;
}
	
.VacancieSelectedItemCell
{	font-family: Arial;
	font-size: 11px;
	font-weight:  bold;
	background-color: #CCD3E1;
	color: #000034;
}
	
.VacancieSelectedItemDetailCell
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1;
	color: #000034;
}
	
.VacancieEditItemDetailCell
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1;
	color: #000034;
}
	
.VacancieSelectedItemBorder
{ border-color: #000034;
  font-family: Arial;
  font-size: 11px;
}
	
.VacancieEditItemBorder
{ border-color: #000034;
  font-family: Arial;
  font-size: 11px;
}

/* PROFILES */
.ProfileCellLabel
{	font-family: Arial;
	font-size: 11px;
	background-color: #ccd3e1; 
	color: #000034;
	font-weight: bold;
}
	
.ProfileCellData
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1;
	color: #000034;
}	
.ProfileEditCellLabel
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1; 
	color: #000034;
}	
.ProfileEditCellData
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1;
	color: #000034;
}	



/* EDUCATIONPLACES (leerplaatsen tabblad) */
.EducationPlaceCellData
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1;
	color: #000034;
	font-weight: bold;
}

/* hyperlink style for the vacancy link */
A.EducationPlaceCellLink
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #CCD3E1;
	color: black;
	text-decoration:    underline;
}
A.EducationPlaceCellLink:link
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #CCD3E1;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:visited
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #CCD3E1;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:active
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #CCD3E1;
	color: black;
	text-decoration:    underline;
}

A.EducationPlaceCellLink:hover
{
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: WhiteSmoke;
	color: black;
	text-decoration:    underline;
}

.EducationPlaceCellLabel
{	font-family: Arial;
	font-size: 11px;
	background-color: #CCD3E1; 
	color: #000034;
}	
.EducationPlaceMonthAvailableCell
{	font-family: Arial;
	font-size: 11px;
	background-color: green;
	color: white;
}	
.EducationPlaceMonthNotAvailableCell
{	font-family: Arial;
	font-size: 11px;
	background-color: red;
	color: white;
}	
.EducationPlaceMonthCell_True
{	background-color:#9D1B33;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color:White;
}
.EducationPlaceMonthCell_False
{	background-color: #EBEDEA;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color:White;
}
	
/* 
 * Styles specifiek voor de beheerssectie
 */

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: white;
}


/* text style used for most text rendered by modules */
.Normal
{
	font-weight: normal;
	font-size: 11px;
	color: #000034;
	font-family: Arial;	
}

/* text style for buttons and link buttons used in the portal admin pages ONLY!
*/
.CommandButton
{
 	font-family: Arial;
    	font-size: 11px;
    	color: red;
    	font-weight: bold;
    	text-decoration: none;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
.CommandButton:link
{
	font-weight: normal;
	font-size: 11px;
	color: #000034;
	font-family: Arial;
	text-decoration: underline;
}

.CommandButton:visited
{
	font-weight: normal;
	font-size: 11px;
	color: #000034;
	font-family: Arial;
	text-decoration: underline;
}

.CommandButton:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #000034;
	font-family: Arial;
	text-decoration: none;
}

.CommandButton:active
{
	font-weight: normal;
	font-size: 11px;
	color: #000034;
	font-family: Arial;
	text-decoration: underline;
}


/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
}


/* 
 * Stijlen voor algemeen gebruik, in het "content" gedeelte van de site
 */
TD
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
}


H1
{
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #003822;
}

H2
{
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #003822;
}

H3
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #003822;
}

H4
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #003822;
}

H5, DT
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003822;
}


H6
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003822;
}

TFOOT, THEAD
{
	font-family: Arial;
	font-size: 11px;
	color: white;
}

TH
{
	vertical-align: baseline;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #003822;
}


A
{
	font-size: 11px;
	color: white;
	text-decoration: none;
}


SMALL
{
	font-size: 11px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Arial;
}
LI
{
	font-size: 8pt;
}

UL LI
{
	font-size: 8pt;
	list-style-type: square;
}

UL LI LI
{
	font-size: 8pt;
	list-style-type: disc;
}

UL LI LI LI
{
	font-size: 8pt;
	list-style-type: circle;
}

OL LI
{	
	font-size: 8pt;
	list-style-type: decimal;
}

OL OL LI
{
	font-size: 8pt;
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	font-size: 8pt;
	list-style-type: lower-roman;
}

HR
{
	color: #CCCCCC;
	height: 1pt;
	text-align: left;
}

P
{
	font-size: 11px;
}
SPAN
{
	font-size: 11px;
}
.CORPORATE
{
	font-size: 11px;
}

/* text style for link buttons used in the several pages */
.LinkButton
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: white;
}

.LinkButton:link
{
	font-family: Arial;
	text-decoration: underline;
	font-size: 11px;
	color: #000034;
}

.LinkButton:visited
{
	font-family: Arial;
	text-decoration: underline;
	font-size: 11px;
	color: #000034;
}

.LinkButton:active
{
	font-family: Arial;
	text-decoration: underline;
	font-size: 11px;
	color: #000034;
}

.LinkButton:hover
{
	font-family: Arial;
	text-decoration: none;
	font-size: 11px;
	color: #000034;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
.ListLink
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000034;
}

.ListLink:link
{
	font-family: Arial;
	font-size: 11px;
	color: #000034;	
	font-weight: normal;
	text-decoration: underline;
}

.ListLink:visited
{
	font-family: Arial;
	font-size: 11px;
	color: #000034;	
	font-weight: normal;
	text-decoration: underline;
}

.ListLink:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #000034;	
	font-weight: normal;
	text-decoration: none;
}

.ListLink:active
{
	font-family: Arial;
	font-size: 11px;
	color: #000034;
	font-weight: normal;	
	text-decoration: underline;
}


/* This is where you can customize the appearance of the tooltip */
div#tipDiv
{
  position:absolute;
  visibility:hidden;
  left:0;
  top:0;
  z-index:10000;
  
  background-color: #white;
  border: 1px solid #336699;
  color: black;

  width: 250px;
  padding: 4px;

  font-size: 9px;
  line-height:1.2;
  font-family: Verdana, Arial;
}