/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*						                Cool Cursussen ZoekModule FrontEnd						*/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/



/************************************************************************************************/
/*						          FrontEnd Zoekmodule - Primaire Layout							*/
/************************************************************************************************/
div#CoolSearchModule_MenuContentWrap{
	background-color: #E7DDEE;
}

div#CoolSearchModule_Container{
	width: 730px;
	border: 0px solid black;
	font-family: arial;
	font-size: 12px;
	color: #614377;
	margin-left: 5px;
}

div#CoolSearchModule_Container p{
	margin-top: 5px;
}

div#CoolSearchModule_Container h1{
	font-size: 20px;
}

div#CoolSearchModule_Container h2{
	font-size: 14px;
}

div#CoolSearchModule_Header{
	width: 900px;
	height: 40px;
	display:none
}

div#CoolSearchModule_Header h1{
	float: left;
	margin-top: 20px;
	width: 165px;
	height: 20px;
	font-size: 16px;
	color: #fff;
	background-color: #684387;
padding-left:10px
}

div#CoolSearchModule_Menu{
	background-color: #482463;
	height: auto;
	width: 100%;
}

div#CoolSearchModule_ContentBox{
	float: left;
	width: 725px;
}

div#CoolSearchModule_Content{

	border-width: 0 0 0 0px;
	border-style: solid;
	border-color: #A48CB8;
	width: 725px;
}

div#CoolSearchModule_SearchResults{
	width: 700px;
	margin: 0 0 0 0px;
}

div#CoolSearchModule_ActualContent{
	float: left;
	margin: 0 0 0 5px;
	width: 390px;
	border: 0px solid #D5C6E0;
}

div#CoolSearchModule_ActualContent h1{
	margin-bottom: 10px;
}

div#CoolSearchModule_ActualContent h2{
	margin-top: 10px;
}

div#CoolSearchModule_ExtraInfo{
	margin: 0 0 0 15px;
	float: left;
	width: 300px;
}

.CoolSearchModule_infoBlock{
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
	background-color: #F0EAF3;
	padding: 3px;
}

.CoolSearchModule_infoBlock ul{
	list-style-type: none;
}

div#CoolSearchModule_ExtraInfo img{
	display: block;
	margin-bottom: 10px;
}

div#CoolSearchModule_ExtraInfo label{
	display: block;
	font-weight: bold;
}

td.agegroups{
	width: 125px;
}

td.teachers, td.agegroups{
	border-style: solid;
	border-color: #D7C9E2;
	border-width:  1px 0 0 0;
	vertical-align: top;
}


/************************************************************************************************/
/*						          FrontEnd Zoekmodule - Search Form								*/
/************************************************************************************************/


div#CoolSearchModule_SearchFormHolder{
	float: left;
	height: 100px;
	width: 730px;
	color: #684387;
}

div#CoolSearchModule_SearchFormHolder label.zoek{
	width:200px; 
	float:left
}

div#CoolSearchModule_Form{
	margin: 5px;
	font-size: 12px;
}

div#CoolSearchModule_Form select{
	width: 150px;
	height: 21px;
}

div#CoolSearchModule_Form input.text{
	width: 150px;
	height: 21px;
}

div#CoolSearchModule_Form input.submit{
	width: 75px;
	background-color: #C0C0C0;
	height: 21px;
}


/************************************************************************************************/
/*						          FrontEnd Zoekmodule - Menu Items& Links						*/
/************************************************************************************************/

div#CoolSearchModule_Menu ul{
	list-style-type: none;
}

div#CoolSearchModule_Menu ul li{
	display: block;
	float: left;
}

div#CoolSearchModule_Menu ul li a{
color:#FFFFFF;
display:block;
font-size:10px;
font-weight:bold;
margin:0;
padding:4px 3px;
text-align:center;
text-decoration:none;
width:85px;
}

div#CoolSearchModule_Menu ul li a:hover{
	text-decoration: none;
	color: #482463;
	background-color: #fff;
}

.CoolSearchModule_infoBlock a:link, 
.CoolSearchModule_infoBlock a:visited{
	color: #482463;
}

div#CoolSearchModule_SearchResults a{
	display: block;
	margin-bottom: 10px;
	color: #482463;
	text-decoration: none;
}

div#CoolSearchModule_SearchResults a:hover{
	background-color: #E1D5EA;
}

a.CoolSearchModule_ResultLinks span.courseName{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

a.CoolSearchModule_ResultLinks span.courseDescription{

}

/************************************************************************************************/
/*						          FrontEnd Zoekmodule - InschrijfForm							*/
/************************************************************************************************/

.labelWidth{
	display: block;
	float: left;
	width: 150px;
}

.CoolCursusZoekModule_InschrijvingVoogd{
	margin: 0 0 0 5px;
	border-style: solid;
	border-color: #A48CB8;
	border-width: 0 1px 0 0;
	float: left;
	width: 350px;
}

.CoolCursusZoekModule_InschrijvingCursist{
	float: left;
	margin: 0 0 0 5px;
	border-style: solid;
	border-color: #A48CB8;
	border-width: 0 0 0 0px;
	padding-left: 5px;
	width: 350px;
}

.CoolCursusZoekModule_InschrijvingVoogd input,
.CoolCursusZoekModule_InschrijvingCursist input,
.CoolCursusZoekModule_InschrijvingCursist textarea{
	border-style: solid;
	border-color: #684388;
	border-width: 1px;
	margin-bottom: 3px;
}

.noBorder, .noBorder input{
	border-width: 0px;
	border-collapse: collapse;
}

.CoolCursusZoekModule_InschrijvingCursist textarea{
	width: 240px;
	height: 100px;
}

.InschrijfForm h1{
	margin: 0 0 15px 5px;
}

.InschrijfForm hr{
	margin: 5px 5px 5px 0;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #A48CB8;
}

.CoolCursusZoekModule_InschrijvingVoogd h2,
.CoolCursusZoekModule_InschrijvingCursist h2{
	font-size: 14px;
	margin: 0 0 10px 0;
}

.submitButton{
	float: left;
	margin-right: 16px;
}

.confirmationMessage{
	margin-left: 5px;
	color: red;
}

.birthDay, .birthMonth{
	width: 25px;
}

.birthYear{
	width: 60px;
}


/************************************* TOOLTIPS ************************************/

div.htmltooltip{
			position: absolute; /*leave this and next 3 values alone*/
			z-index: 1000;
			left: -1000px;
			top: -1000px;
	
			margin: 0 0 0 50px;
			font-size: 12px;
			font-family: arial;
			text-align: left;
			background: #684387;
			border: 3px solid #CFBFDB;
			color: #fff;
			padding: 2px;
			width: 250px; /*width of tooltip*/
}