/**************************************** HYPERLINKS ****************************************/
a.toplinksLogout:link
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 580px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksLogout:visited 
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 580px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksLogout:hover
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 580px;
	text-decoration: underline;
	color: #FFFFFF;
}

a.toplinksLogout:active
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 580px;
	text-decoration: none; 
	color: #FFFFFF;
}




a.toplinksLeft:link
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 470px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksLeft:visited 
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 470px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksLeft:hover
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 470px;
	text-decoration: underline;
	color: #FFFFFF;
}

a.toplinksLeft:active
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 470px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksStart:link
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 620px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksStart:visited 
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 620px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksStart:hover
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 620px;
	text-decoration: underline;
	color: #FFFFFF;
}

a.toplinksStart:active
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 620px;
	text-decoration: none; 
	color: #FFFFFF;
}


a.toplinksRight:link
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 58px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksRight:visited 
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 58px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.toplinksRight:hover
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 58px;
	text-decoration: underline;
	color: #FFFFFF;
}

a.toplinksRight:active
{
	font-size: 12px;
	padding-left: 0px;
	margin-left: 58px;
	text-decoration: none; 
	color: #FFFFFF;
}



a.myVacancy:link
{
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none; 
	color: #666666;
}

a.myVacancy:visited 
{
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none; 
	color: #666666;
}

a.myVacancy:hover
{
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;
	color: #666666;
}

a.myVacancy:active
{
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none; 
	color: #666666;
}

a.vacancyFrontLink:link
{
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.vacancyFrontLink:visited 
{
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.vacancyFrontLink:hover
{
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}

a.vacancyFrontLink:active
{
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
}

a.all_vacancysLink:link
{
	font-size: 12px;
	text-decoration: none; 
	color: #000000;
}

a.all_vacancysLink:visited 
{
	font-size: 12px;
	text-decoration: none; 
	color: #000000;
}

a.all_vacancysLink:hover
{
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}

a.all_vacancysLink:active
{
	font-size: 12px;
	color: #000000;
	text-decoration: none; 
}

a.buttonLink:link
{
	font-size: 12px;
	text-decoration: none; 
	color: #000000;
}

a.buttonLink:visited 
{
	font-size: 12px;
	text-decoration: none; 
	color: #000000;
}

a.buttonLink:hover
{
	font-size: 12px;
	color: #000000;
}

a.buttonLink:active
{
	font-size: 12px;
	color: #000000;
	text-decoration: none; 
}

a.buttonLinkActive:link
{
	font-size: 12px;
	text-decoration: none; 
	color: #22AAE2;
}

a.buttonLinkActive:visited 
{
	font-size: 12px;
	text-decoration: none; 
	color: #22AAE2;
}

a.buttonLinkActive:hover
{
	font-size: 12px;
	color: #22AAE2;
}

a.buttonLinkActive:active
{
	font-size: 12px;
	color: #22AAE2;
	text-decoration: none; 
}

.colorBlue
{
	float: right;
	color: #22AAE2;
}

/**************************************** CORE DIVS ****************************************/

.container
{     
	float: left;
	padding-bottom: 15px;
	width: 750px;
	margin-right: 0px;
	min-height: 800px;
	overflow: auto;
}

#banner
{
   	float: left;
    	margin-right: auto;
	padding-bottom: 15px;
	margin-top: -9px;
	width: 245px;
	background: url(../images/banner.jpg);
	height: 735px;
	overflow: auto;
}

#logo
{
	background: url(../images/job-explorer.jpg);
	width: 100%;
	height: 90px;
}

#menubar
{
	padding-top: 6px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	height: 22px;
	background: url(../images/menuBar.bmp);
}

#toplayer
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 15px;
	margin-left: 15px;
	width: 702px;
	height: 143px;
	background: url(../images/topgrijs.jpg);
}

.signIntoplayer
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 15px;
	margin-left: 40px;
	width: 277px;
	height: 143px;
	background: url(../images/topgrijsKlein.jpg);
	float: left;
}

#midden
{
	align: center;
}

.directMiddle
{
	width: 422px;
	padding-left: 280px;
}

#leftlayer
{
	margin-left: 15px;
	margin-top: 15px;
	background: url(../images/blauwvlak.jpg);
	width: 343px;
	height: 430px;
	padding-left: 15px;
	padding-top: 15px;
	position: absolute;	
}

#rightlayer
{
	margin-top: 15px;
	margin-left: 380px;
	padding-top: 220px;
	padding-left: 15px;
	padding-right: 15px;
	width: 328px;
	height: 225px;
	position: absolute;	
	background: url(../images/groenvlak.jpg);
	color: #FFFFFF;
	font-size: 16px;
}

#defaultGray
{
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	width: 692px;
	height: 436px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom:15px;
	background: url(../images/bottomgrijs.jpg) no-repeat;
	background-position: bottom;
}

body
{
	font-size: 12px;
	font-family: arial;
	 margin : 0;
padding : 0; 
}

/************************************* DIVS & HTML************************************************/
#vacancyMiddle
{
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	width: 692px;
	min-height: 436px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom:15px;
}

#vacancyTop
{
	padding: 15px;
	margin-top: 15px;
	margin-left: 15px;
	width: 692px;
	height: 150px;
	background: url(../images/topgrijsVacancy.jpg);
}


.maintopleft
{
	float: left;
	font-size: 18pt;
	width: 350px;
	color: #4D4D4D;
}

.maintopright
{
	float: right;
}

.frontCompany
{
	
}

.wachtwoordVergeten
{
	float: right;
}

.iconsemployer
{
	border: 0px;
}

.iconsemployerNE
{
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	border: 0px;
}

#topIcons
{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #A7A9AC;
}

#subIcons
{
	margin-top: 5px;
	float: left;
}

#icoon
{
	float: left;
	text-align: center;
	width: 50px;	
}

.frontHeader
{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.frontLijn
{
	border-bottom: 1px solid #5AC8DB;
	width: 98%;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.frontTitels
{
	font-size: 15px;
	font-weight: bold;
}

#message
{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.buttonMenu
{
	float:left;
	width: 60px;
	text-align: center;
	border: 0px;
}

.subButton
{
	float:left;
	width: 60px;
	text-align: center;
	margin-right: 15px;
}


#searchResults
{
	padding: 15px;
	margin-top: 15px;
	margin-left: 15px;
	width: 692px;
	height: 25px;
	border: 1px solid black;
}

#resultSearchVacancies
{
	padding: 15px;
}

#picture
{
	float: right;
	margin-right: 50px;
	margin-top: 25px;
}

#pictureVacancy
{
	float: right;
	margin-right: 50px;
	margin-top: 30px;
}

.goImage
{
	width: 18px;
	height: 18px;
	padding-left: 0px;

}

/**************************************** FORM SETUP ****************************************/
form  
{
	padding : 0;
	margin : 0;

} 

.textbox
{
	float: left;
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
}

.radiobox
{
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
}

.button
{
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
	float: right;
	margin-left: 15px;
}

.goBackbutton
{
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
	float: left;
	margin-left: 15px;
}

.urlButton
{
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
	float: right;
	margin-left: 15px;
}

.employeeProfile
{
	width: 700px;
}

.datePickerButton
{
	float: left;
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
}

.colorPickerbutton
{
	float: left;
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
}

.formRow
{
	font-family: arial;
	font-size : 8pt;
	margin-left: 10px;
}

.formRowTekst
{
	font-family: arial;
	font-size : 12px;
}

.dropdownbox
{
	float: left;
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
	width: 152px;
}

.employerRegistration
{
}

.frontBox
{
	float: left;
	font-family: arial;
	font-size : 8pt;
	border : 1px solid #CCCCCC; 
}

/**************************************** TABLE SETUP ****************************************/
.mainform
{
	margin: 5px;
}

.employerProfile
{

}

.vacancy
{
	border-collapse: collapse;
}

.vacancyTD
{
	width: 125px;
}

.all_vacancysTabel
{
	border-collapse: collapse;
}

.all_vacancysTitel
{
	border-bottom: 1px solid #CCCCCC; 
}

.all_vacancysRow
{
	height: 22px;
	vertical-align: middle; 
	border-top: 1px solid #CCCCCC; 
}

.all_vacancysDescription
{
	padding: 0px 2px 2px 10px;
}

.my_vacancys
{
	width: 100%;
	font-family: arial;
	font-size : 8pt;
	border-collapse: collapse; 
	margin-bottom: 5px;
}

.my_vacancys .top
{
	padding-bottom: 7px;
	border-bottom: 1px solid #CCCCCC;
}

.my_vacancys .row
{
	color: #666666;
	font-size : 8pt;
	font-family: arial;	
	padding-top: 2px;
	padding-bottom: 2px;
}




/**************************************** BASIC HTML ****************************************/
h1
{
	margin: 0px;
	height: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-family: arial;
	font-size : 12pt;	
	border-bottom: 1px solid #A7A9AC;
}

h2
{
	color: #00AEEF;
	margin: 0px;
	height: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-family: arial;
	font-size : 12pt;	
}

h3
{
	color: #00AEEF;
	margin: 0px;
	height: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	font-family: arial;
	font-size : 12pt;
	border-top: 1px solid #A7A9AC;	
}

#errorMessage
{
	font-size : 12pt;	
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	color: #FF000C;
}

#message
{
	font-size : 12pt;	
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}

/***********************************CHAT AJAX POP UP / MORE *************************************/
.showAjaxMessage
{
	left: 40%;
	right: 50%;
	top: 20%;
	margin:0 auto; 
	width: 250px;
	height: 250px;
	position: fixed;
	border: 1px solid black;
	visibility: hidden;

}

#chatBoxVacancy
{
	padding-top: 15px;
	width: 722px;
	height: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom:15px;
	text-align: center;
}

/***********************************DATEPICKER CALENDER*************************************/
/* the div that holds the date picker calendar */
.dpDiv 
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #E2E2E4;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR 
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR 
{
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR 
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD 
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover 
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD 
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD 
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText 
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight 
{
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton 
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #ADD131;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton 
{
	font-family: Arial,Verdana, Tahoma,  Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #ADD131;
	font-weight: bold;
}