/* global element style */
html
{
	overflow-y:scroll;
	overflow-x:hidden;
}
body
{
	padding: 0px 0px 10px 0px;
	margin:0px;
	background-color:#FAFAFA;
	line-height:130%;
}
body, input, select, textarea
{
	font-family:verdana;
	font-size:12px;
	color:#001244;
}

code
{
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}

h1, h2, h3, h4
{
	margin:0px;
	padding:0px;
	font-size:14px;
}
h1
{
	clear:both;
	padding: 20px 10px 13px 20px;
	background-image:url(/ao.cursuscatalogus/gfx/bg_h1.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}
h2
{
	padding: 10px 0px 10px 0px;
}
h3
{
	padding: 10px 0px 0px 0px;
	font-size:12px;
}
h4
{
	padding: 5px 0px 2px 0px;
}
h4 span
{
	float:right;
}
table
{
	border-collapse:collapse;
}
th
{
	text-align:left;
	background-color:#F5F4F4;
}
td, th
{
	vertical-align:top;
}

p
{
	margin:0px;
	padding:10px 0px 10px 0px;
}

a
{
	outline:none;
}
a img
{
	border:0px;
}

hr
{
	border:0px;
	border-top:1px solid #001244;
	height:1px;
	clear:both;
}
dl
{
	margin:0px;
	padding:0px;
}
ul
{
	margin: 5px 0px 5px 20px;
	padding:0px;
}
ol
{
	margin: 5px 0px 5px 30px;
	padding:0px;
}

/* structural container style */

#Shade, #ShadeTop, #ShadeBottom
{
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
	width:950px;
	margin: 0px auto 0px auto;
}
#ShadeTop
{
    margin-top:20px;
	border-top:1px solid #B6B6B6;
}
#ShadeBottom
{
	border-bottom:1px solid #B6B6B6;
}

#Body, #Header, #Footer, #PathNavigation
{
	position:relative;
}

#Header
{
	background-color:#F58B1D;
	background-image:url(/ao.cursuscatalogus/gfx/bg_dots.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#Header #Logo
{
	padding:10px;
	background-color:white;
	display:block;
	width:208px; /* 228-(2*10) */
}

#Body
{
	padding-left:228px; 
	width:722px; /* 950-228 */
	background-color:#EAEAEA;
	background-image:url(/ao.cursuscatalogus/gfx/bg_werknemers.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#Content
{
	padding:5px; /* also defined in editor.css */
	height:100%;
	background-color:white;
}

#Body, #Content
{
	min-height:350px;
}

* html #Body
{
	height:350px;
}

#PathNavigation
{
	height:16px;
}
#PathNavigation img
{
	margin-left:10px;
	margin-right:7px;
	margin-bottom:-1px;
}
#Footer, #PathNavigation
{
	background-color:#001244;
	color:White;

	padding:10px;
	width:930px; /*950-(2*10)*/
	
}
#Footer
{
	min-height:1em;
}
* html #Footer
{
	height:1em;
}

#Footer a, #PathNavigation a
{
	color:White;
}
#Footer a:hover, #PathNavigation a:hover
{
	color:#F58B1D;
}
#Footer 
{
	text-align:center;
}

#HomeButton, #ExternalHomeButton
{
	color:#001244;
	font-size:9px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}
#HomeButton:hover, #ExternalHomeButton:hover
{
	color:#F58B1D;
}
#ExternalHomeButton
{
	background-image:url(/ao.cursuscatalogus/gfx/btn_home.gif);
	padding-left:25px;
	height:20px;
	margin-top:10px;
	margin-left:10px;
	width:75px;
}
#HomeButton
{
	color:White;
	background-image:url(/ao.cursuscatalogus/gfx/btn_root_dots.png);
	text-align:center;
	padding-top:35px;
	width:84px;
	padding-right:4px;
	height:53px;	
	margin-top:5px;
	margin-left:5px;
	line-height:11px;
	cursor:pointer;
}
* html #HomeButton
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ao.cursuscatalogus/gfx/btn_root_dots.png', sizingMethod='scale');
}


#Navigation
{
	width:228px;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}

#qmpNavigation
{
	border-top:1px solid #001244;
	padding-left:15px;
	padding-right:13px;
	top:60px;
	left:75px;
	position:absolute;
	width:130px;
}
* html #qmpNavigation
{
	padding-right:11px;
}

#Navigation ul
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	border:1px solid #001244;
	border-top:0px;
	width:100%;
	overflow-x:hidden;
}
#Navigation ul li a
{
	color:#001244;
	display:block;
	text-decoration:none;
	padding: 3px 3px 5px 14px;
	background-image:url(/ao.cursuscatalogus/gfx/bg_menuitem.gif);
	background-repeat:no-repeat;
	background-position:-3px bottom;
	background-color:White;
	
	height:16px;
	letter-spacing:-1px;
	font-size:11px;	
	white-space:nowrap;
}
#Navigation ul li a:hover, #Navigation ul li.Active a
{
	color:White;
	background-color:#001244;
	background-position:-3px top;
	
}

/* class definitions */

.ContentPart
{
	border:1px solid #001244;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}
.ContentPart a, .Administrator a
{
	color:#F58B1D;
}

/* general cursusaanbod buttons */

.QCursusAanbodPrintButton, .QCursusAanbodVolgendeButton, .QCursusAanbodVorigeButton
{
	display:block;
	position:absolute;
	right:3px;
	top:2px;
	width:50px;
	height:50px;
	cursor:pointer;
	background-repeat:no-repeat;
}
.QCursusAanbodPrintButton
{
	background-image:url(/ao.cursuscatalogus/gfx/btn_print.png);
}
* html .QCursusAanbodPrintButton
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ao.cursuscatalogus/gfx/btn_print.png', sizingMethod='scale');
}
.QCursusAanbodVolgendeButton
{
	right:53px;
	background-image:url(/ao.cursuscatalogus/gfx/btn_volgende.png);
}
* html .QCursusAanbodVolgendeButton
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ao.cursuscatalogus/gfx/btn_volgende.png', sizingMethod='scale');
}
.QCursusAanbodVorigeButton
{
	right:103px;
	background-image:url(/ao.cursuscatalogus/gfx/btn_vorige.png);
}
* html .QCursusAanbodVorigeButton
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ao.cursuscatalogus/gfx/btn_vorige.png', sizingMethod='scale');
}

/* cursusaanbod zoekresultaten */

.QCursusAanbodZoekResultaten table, .QCursusAanbodLastMinutes table, .QListPanel
{
	width:100%;
	margin-bottom:10px;
}
.QCursusAanbodZoekResultaten table, .QCursusAanbodZoekResultaten tbody, .QCursusAanbodZoekResultaten tr, .QCursusAanbodZoekResultaten table td, .QCursusAanbodZoekResultaten table th
{
	position:relative;
}
.QCursusAanbodZoekResultaten table th, .QCursusAanbodLastMinutes table th
{
	padding: 5px 0px 5px 0px;
	background-color:Transparent;
}
.QCursusAanbodZoekResultaten table td, .QCursusAanbodLastMinutes table td, .QListPanel td, .QListPanel th
{
	padding: 3px 5px 3px 5px;
}

.QCursusAanbodZoekResultaten table td span, .QCursusAanbodLastMinutes table td span, .QLastMinutes span
{
	float:right;
	text-align:right;
}

.QCursusAanbodZoekResultaten table td + td + td div, .QCursusAanbodLastMinutes table td + td + td div
{
    text-align: center;
    width: 30px;
    background-color:#001244;    
    font-weight: bold;
    color: White;
    padding: 1px;
    font-size: 12px;
    line-height: 16px;
    margin: 0px auto 0px auto;
}

.QCursusAanbodZoekResultaten table td sup, .QCursusAanbodLastMinutes table td sup
{
	display:block;
	color:#9CA6C3;
}
.QCursusAanbodZoekResultaten table th span, .QCursusAanbodLastMinutes table th span
{
	position:absolute;
	right:5px;
	cursor:pointer;
}
.QCursusAanbodZoekResultaten table td a, .QCursusAanbodZoekResultaten table th a, .QCursusAanbodLastMinutes table td a, .QCursusAanbodLastMinutes table th a
{
	display:block;
	text-decoration:none;
}
.QCursusAanbodZoekResultaten table th a, .QCursusAanbodLastMinutes table th a
{
	color:#001244;	
	padding: 1px 0px 2px 24px;
	background-repeat:no-repeat;
	background-position: 4px 4px;
	background-color:#F5F4F4;
	position:relative;
}
.QCursusAanbodZoekResultaten table th a:hover, .QCursusAanbodLastMinutes table th a:hover
{
	color:#F58B1D;
}
.QCursusAanbodZoekResultaten table a.QCursusAanbodCollapse, .QCursusAanbodLastMinutes table a.QCursusAanbodCollapse
{
	background-image:url(/ao.cursuscatalogus/gfx/pic_up.gif);
}
.QCursusAanbodZoekResultaten table a.QCursusAanbodExpand, .QCursusAanbodLastMinutes table a.QCursusAanbodExpand
{
	background-image:url(/ao.cursuscatalogus/gfx/pic_down.gif);
}

a.QCursusAanbodTop, .QCursusAanbodZoekResultaten table a.QCursusAanbodTop, .QCursusAanbodLastMinutes table a.QCursusAanbodTop
{
	text-align:right;
	background-image:url(/ao.cursuscatalogus/gfx/pic_top.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:15px;
	white-space:nowrap;
}

.QCursusAanbodLastMinutes table.QLastMinutes
{
	table-layout:fixed;
}
.QCursusAanbodLastMinutes table.QLastMinutes td
{
	overflow:hidden;
	text-overflow:ellipsis;
}
.QCursusAanbodLastMinutes table.QLastMinutes .Column1
{
	width:100%;
}
.QCursusAanbodLastMinutes table.QLastMinutes .Column2
{
	width:110px;
}
.QCursusAanbodLastMinutes table.QLastMinutes .Column3
{
	width:70px;
}

.QCursusAanbodZoekResultaten .Column1
{
	width:300px;
}

.QCursusAanbodZoekResultaten table td
{
	border-top:1px solid #EAE5E5;
}
.QCursusAanbodZoekResultaten table tr.QCursusAanbodFirstItem td
{
	border-top:0px;
}
.QCursusAanbodZoekResultaten .Column1
{
	width:300px;
}


/* cursusaanbod zoeken */
.QCursusAanbodZoeken
{
	padding:10px 0px 10px 0px;
}
.QCursusAanbodZoeken dl dt
{
	position:absolute;
	text-align:right;
	width:125px;
	margin-top:4px;
}
.QCursusAanbodZoeken dl dd
{
	margin-left:0px;
	padding-left:130px;
	padding-top:2px;
	clear:both ;
}
.QCursusAanbodZoeken dl dd select
{
	width:354px;
}
* html .QCursusAanbodZoeken dl dd select
{
	width:356px;
}
.QCursusAanbodZoeken dl dd input
{
	width:350px;
}
.QCursusAanbodZoeken dl dd label
{
	margin-right:25px;
}
.QCursusAanbodZoeken dl dd label input
{
	width:auto;
}
a.QCursusAanbodZoekButton
{
	margin-top:10px;
	margin-left:125px;
	width:60px;
	display:block;
	background-image:url(/ao.cursuscatalogus/gfx/btn_zoeken.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:15px;
	padding-left:50px;
	height:35px;
	text-decoration:none;
	font-weight:bold;
	color:#001244;
}
a.QCursusAanbodZoekButton:hover
{
	color:#F58B1D;
}

/* AOCursusCatalogusLastMinutes  */

table.QLastMinutes
{
}
table.QLastMinutes th
{
	background-color:white;
}
table.QLastMinutes th a
{
	background-color:#001244;
	color:White;
}
table.QLastMinutes 
{
	background-color:#EAEAEA;
}
table.QLastMinutes td
{
	border-top:2px solid white;
	
}
table.QLastMinutes strike
{
	display:block;
	text-align:right;
	color:darkred;
}
table.QLastMinutes sup
{
	color:black!important;
	white-space:nowrap;
}
table.QLastMinutes a.QCursusAanbodCollapse
{
	background-image:url(/ao.cursuscatalogus/gfx/pic_up_lastminute.gif);
}
table.QLastMinutes a.QCursusAanbodExpand
{
	background-image:url(/ao.cursuscatalogus/gfx/pic_down_lastminute.gif);
}

table.QLastMinutes a.QCursusAanbodTop, table.QLastMinutes a.QCursusAanbodTop, table.QLastMinutes a.QCursusAanbodTop
{
	background-image:url(/ao.cursuscatalogus/gfx/pic_top_lastminute.gif);
	background-position:right 3px;
}
table.QLastMinutes th a:hover
{
	color:#F58B1D;
}
a.QCursusAanbodMeer
{
	background-color:Transparent;
	text-align:right;
	background-image:url(/ao.cursuscatalogus/gfx/pic_right.gif);
	background-position:right 7px;
	background-repeat:no-repeat;
	padding:3px 20px 0px 0px;
	display:block;
}
/* cursusaanbod details */
.QCursusAanbodDetailsOmschrijving
{
	width:375px;
	padding-right:10px;
	float:left;
	word-wrap:break-word;
	position:relative;
}
.QCursusAanbodDetailsExtra
{
	padding-left:10px;
	width:275px;
	float:left;
	background-image:url(/ao.cursuscatalogus/gfx/bg_divider.gif);
	background-repeat:repeat-y;
	background-position: top left;
	position:relative;
	font-size:11px;
}
.QCursusAanbodDetails hr
{
	visibility:hidden;
}

.QCursusAanbodDetails
{
	padding:10px 0px 10px 0px;
}
.QCursusAanbodDetails sub, .QCursusAanbodDetails sup
{
	display:block;
	clear:both;
}
.QCursusAanbodDetails dl
{
	margin:0px;
	padding:0px;
	position:relative;
}
.QCursusAanbodDetails dl dt
{
	position:absolute;
}
.QCursusAanbodDetails dl dd
{
	margin-left:0px;
	padding-left:100px;
	padding-right:3px;
}
.QCursusAanbodDetails dl dt.Sum
{
	margin-top:3px;
}
.QCursusAanbodDetails dl dd.Sum
{
	border-top:1px solid #D9DCE3;
	margin-top:2px;
}

.QCursusAanbodDetails .QLastMinutes
{
	width:100%;
}
.QCursusAanbodDetails .QLastMinutes sup
{
	clear:none;
}
.QCursusAanbodDetails .QLastMinutes img
{
	margin: 2px 3px 0px 2px;
	float:left;
}

.Administrator
{
	border:1px solid #001244;
	padding: 0px 20px 20px 20px;
}


.Administrator dl
{
	padding: 30px 0px 30px 0px;
	position:relative;
}
.RegioManagerPart dl
{
	padding: 10px 0px 10px 0px;
	position:relative;
}

.Administrator dt, .RegioManagerPart dt
{
	position:absolute;
	left:0px;
	width:150px;
	text-align:right;
	margin-top:5px;
}
.RegioManager dt
{
	margin-top:0px;
}
.Administrator dd, .RegioManagerPart dd
{
	padding-left:155px;
	margin-left:0px;
}
.Button
{
	margin-top:15px;
}

.QListPanel .SortAsc, .QListPanel .SortDesc
{
	background-color: #FAFAFA;
}

.QListPanel td
{
	border-top:1px solid #EAE5E5;
}
.QListPanel tr:first-child td 
{
	border-top:0px;
}
.QListPanel td a
{
	text-decoration:none;
}
.QListPanel th a
{
	color:#001244;
}

.QDetailsPanelButtons
{
	background-color:#F5F4F4;
	padding:5px;
	width:650px;/*ie fix*/
}
.QDetailsPanelButtons a, a.Button
{
	display:block;
	float:right;
	background-color:#001244;
	padding:5px 10px;
	color:White;
	text-decoration:none;
	margin-left:5px;
}
.QDetailsPanel div.ErrorMessage, .QDetailsPanel span.ErrorMessage, dt.ErrorMessage
{
	color:darkred;
}
.QDetailsPanel input.ErrorMessage[type='text'], .QDetailsPanel textarea.ErrorMessage
{
	border: 1px solid darkred;
	
}
.QDetailsPanelButtons a:hover, a.Button:hover
{
	background-color:#7582AC;
}

.QDetailsPanelFields input[type='text'], .QDetailsPanelFields input[type='password'], .QDetailsPanelFields textarea
{
	width:450px;
	margin:2px 0px;
	padding:2px;
	border:1px solid #7582AC;
}
* html .QDetailsPanelFields input, * html .QDetailsPanelFields textarea
{
	width:450px;
	margin:2px 0px;
	padding:2px;
	border:1px solid #7582AC;
}
.QDetailsPanelFields dd span
{
	position:absolute;
	font-size:10px;
	margin-top:-14px;
	
}
.QDetailsPanelFields .Voorvoegsels input, .QDetailsPanelFields .Voornaam input
{
	width:100px;
}
.QDetailsPanelFields .Achternaam input
{
	width:230px;
}
.QDetailsPanelFields dd.Voornaam, .QDetailsPanelFields dd.Voorvoegsels
{
	position:absolute;
	padding-left:0px;
	left:155px;
}
.QDetailsPanelFields dd.Voorvoegsels
{
	margin-left:110px;
}
.QDetailsPanelFields dd.Achternaam
{
	margin-left:220px;
}

#Warning
{
    background-color:#F58B1D;
    color:black;
    padding:3px 5px;
    font-weight:bold;
}

:-moz-placeholder
{
    color:#aaaaaa;
}

.PlaceHolder
{
    padding: 3px 0px 0px 0px !important;
    margin: 0px !important;
    position:absolute;
    line-height: 16px !important;
    text-indent: 2px;
    vertical-align: bottom;
    color:#aaaaaa;
    display:block;
    pointer-events:none;
}

.QCursusAanbodDetailsScore
{
    background-image: url("/AO.CursusCatalogus/gfx/bg_divider_horizontal.gif");
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 10px;
}

.QCursusAanbodDetailsScore a.AverageScore
{
    text-decoration: none;
}


.QCursusAanbodDetailsScore a.AverageScore div
{
    margin: 0px 0px 0px 0px;
    float: right;   
    width: 50px;
    height: 28px;
    background-color: #001244;
    color: White;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
}

.QCursusAanbodDetailsScore .ScoreDescription
{
    margin-bottom: 7px;
    padding: 0px 10px 10px 0px;
    
}

/* ---------------------- QCursusAanbodEvaluaties ---------------------- */

.QCursusAanbodEvaluaties
{
    
}

.QCursusAanbodEvaluaties dl
{
    position: relative;
}


.QCursusAanbodEvaluaties dt
{
    left: 0px;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    padding: 2px 0px 2px 0px;
}
    
.QCursusAanbodEvaluaties dd
{
    font-size: 13px;
    min-height: 15px;
    width: 410px;
    padding: 2px 0px 2px 0px;
    padding-left: 90px;        
}


.QCursusAanbodEvaluaties table
{
    width: 100%;
    border:0px;
    padding:5px;
    margin-bottom: 20px;
}

.QCursusAanbodEvaluaties col.EvaluatieDatum { width: 100px; }
.QCursusAanbodEvaluaties col.CursusNaam {  }
.QCursusAanbodEvaluaties col.Geslacht { width: 50px; }
.QCursusAanbodEvaluaties col.PersoonGeboortedatum { width: 70px; }
.QCursusAanbodEvaluaties col.BeroepNaam { width: 120px; }
.QCursusAanbodEvaluaties col.TotaalScore { width: 60px; }


.QCursusAanbodEvaluaties table.Main > tbody > tr > td
{
    border: 0px;
    padding: 5px 2px 5px 2px;
}

.QCursusAanbodEvaluaties table.Main tr.Active > td
{
    font-weight: bold;
}

.QCursusAanbodEvaluaties table.Main tr.Alternate > td
{
	background-color:#F5F4F4;
}

.QCursusAanbodEvaluaties table.Main tr.Evaluatie:hover > td
{
    cursor: pointer;
    /* the background-color is designed, however it is very cluttered, so for now we leave it off...
    /* background-color: #ececed; */
    color: #F58B1D;
}

.QCursusAanbodEvaluaties table.Main .HeaderSpacingRow > td
{
    background-color: White;
    padding: 5px 0px 0px 0px;
}

.QCursusAanbodEvaluaties table.Main th a[href]
{
    color:#001244;        
    text-decoration: none;
}

.QCursusAanbodEvaluaties table.Main th a[href]:hover
{
    text-decoration: underline;
}

.QCursusAanbodEvaluaties table.Main th
{
    font-weight: normal;
    background-color:transparent;
    border-bottom: 1px solid #001244;
    color:#001244;
}


.QCursusAanbodEvaluaties table.Main th.Sort span
{
    display: inline-block;
    width: 9px;
    height: 16px;
    margin: 0px 0px -5px 5px;
    background-image: url("/AO.Cursuscatalogus/Gfx/btn_Arrowdown_orange.png");
    background-position: 0px 2px;
    background-repeat: no-repeat;
}

.QCursusAanbodEvaluaties table.Main th.Sort.Asc span
{
    background-image: url("/AO.Cursuscatalogus/Gfx/btn_Arrowup_orange.png");
}


.QCursusAanbodEvaluaties .Geslacht,
.QCursusAanbodEvaluaties .PersoonGeboortedatum
{
    text-align: center;
}

.QCursusAanbodEvaluaties span.TotaalScore
{
    text-align: center;
    background-color: #001244;
    font-weight: bold;
    color: White;
    padding: 2px 3px 2px 3px;
    font-size: 12px;
}

.QCursusAanbodEvaluaties tr.EvaluatieSubScore
{
}

.QCursusAanbodEvaluaties tr.EvaluatieSubScore td
{
    padding: 0px 5px 0px 5px;
    border: 0px;
}

.QCursusAanbodEvaluaties div.EvaluatieSubScore
{
    display: none;
}

.QCursusAanbodEvaluaties div.EvaluatieSubScore table
{
    padding: 0px;
    width: 200px;
    padding: 0px;
    color: #001244;
    margin: 0px 0px 10px 0px;    
}

.QCursusAanbodEvaluaties div.EvaluatieSubScore table td
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.QCursusAanbodEvaluaties div.EvaluatieSubScore .SubTotaal
{
    border-top: 1px solid #001244;
    font-weight: bold;
}


/* ---------------------- Einde QCursusAanbodEvaluaties ---------------------- */

/* ---------------------- QCursusAanbodEvaluatieInvoer / QCursusAanbodEvaluatieAanvraag ---------------------- */

.QCursusAanbodEvaluatieInput
{
    position: relative;
    width: 511px;
}
    .TotalScore
    {
        font-weight: bold;
        font-size: 15px;
        text-align: center;
    }
    
    .QCursusAanbodEvaluatieInput input[type=text],
    .QCursusAanbodEvaluatieInput select
    {
        border: 1px solid #abadb3;
        padding: 3px;        
        width: 200px;
    }
    
    .QCursusAanbodEvaluatieInput dl
    {
        position: relative;
        padding: 0px 0px 10px 0px;
        margin: 15px 0px 0px 0px;
    }


    .QCursusAanbodEvaluatieInput dt
    {
        padding: 0px;
        margin: 15px 0px 0px 0px;
    }
        
    .QCursusAanbodEvaluatieInput dd
    {
        padding:0px;
        margin:0px;
    }
               
    .QCursusAanbodEvaluatieInput sub
    {
        display: block;
        font-weight: normal;    
    }
    
    .IE .QCursusAanbodEvaluatieInput sub,
    .IE .QCursusAanbodEvaluatieInput .Variant1 sub
    {
        /* since this is a sub, IE screws up the font-sizes (it are not actually pixels). */
        font-size: 14px; 
    }
      
    .QCursusAanbodEvaluatieInput .Form
    {
        background-color: #F5F4F4;
	    width: 501px;
	    padding: 5px;
    }
    
    .QCursusAanbodEvaluatieInput .Form p
    {
        margin: 10px 0px 10px 0px;
    }
    
    .QCursusAanbodEvaluatieInput .Variant1 dt
    {
        font-weight: bold;
        margin: 5px 0px 5px 0px;
    }
        
    .QCursusAanbodEvaluatieInput .Variant1 dd
    {
        padding:0px;
        margin: 5px 0px 5px 0px;
    }
               
    .QCursusAanbodEvaluatieInput .Variant1 sub
    {
        font-size: 11px;
    }
    
    .QCursusAanbodEvaluatieInput .Variant2 dt
    {
        font-weight: bold;
        margin: 5px 0px 5px 0px;
    }
        
    .QCursusAanbodEvaluatieInput .Variant2 dd
    {
        padding:0px;
        margin: 5px 0px 5px 0px;
    }
               
    .QCursusAanbodEvaluatieInput .Variant2 sub
    {
        font-size: 12px;
    }
               
    .QCursusAanbodEvaluatieInput dl.Variant3
    {
        margin: 20px 0px 20px 0px;
    }
        
    .QCursusAanbodEvaluatieInput dl.Variant3 dt,
    .QCursusAanbodEvaluatieInput dl.Variant4 dt    
    {
        position: absolute;
        margin: 0px;
        padding: 2px 0px 2px 0px;
    }
    
    .QCursusAanbodEvaluatieInput dl.Variant3 dd,
    .QCursusAanbodEvaluatieInput dl.Variant4 dd
    {
        width: 270px;
        padding: 2px 0px 2px 0px;
        padding-left: 140px;        
    }
    
    .QCursusAanbodEvaluatieInput dl.Variant4 dt
    {
        padding-left: 5px;
    }
    
    .QCursusAanbodEvaluatieInput dl.Variant4 dd
    {
        padding-left: 150px;
    }    
    
    .QCursusAanbodEvaluatieInput .Variant3 dd input[type="text"]
    {
        margin: -3px 0px -2px -3px;
        padding: 2px 0px 2px 3px;
        width: 200px;
    }
        
       
    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd
    {
        padding: 0px;
        margin-left: 0px;            
    }
        
    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd input,
    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd select
    {
        margin-right: 2px;
    }
        

    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd.Naam select
    {
        width: 120px;
    }

    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd.Naam input.Voorletters
    {
        clear: left;
        width: 160px;
    }
        
    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd.Naam input.Tussenvoegsels
    {
        width: 193px;
    }
        
    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd.Naam input.Achternaam
    {
        margin-top: 2px; 
        width: 485px;
    }
        

    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd.Werkgever input.WerkgeverNummer
    {
        width: 120px;
    }
        
    .QCursusAanbodEvaluatieInput.Aanvraag .Form dd.Werkgever input.WerkgeverNaam
    {
        width: 355px;           
    }
        
    .QCursusAanbodEvaluatieInput .Form input[type=text]
    {
	    width:485px;
    }
        
    .QCursusAanbodEvaluatieInput .Form select
    {
	    padding:2px;
	    width:493px;   
    }
              
        
    .QCursusAanbodEvaluatieInput .InvalidMessage
    {
        padding:14px 0px 0px 0px;
        display:block;
	    color: darkred;	
	    font-weight:bold;
	    width: 370px;
    }      
    
    .QCursusAanbodEvaluatieInput a.Button[href]
    {
        float: right;
        background-color: transparent;
        color:#001244;            
        text-decoration:none;
        font-weight:bold;
        font-size:13px;
        padding: 13px 5px 15px 0px;
        margin: 0px 0px 5px 0px;            
	    display:block;
	    width: 113px;
	    height: 20px;
	    cursor:pointer;
	    background-repeat:no-repeat;
	    background-position: 70px 0px;
            
    }
    
    .QCursusAanbodEvaluatieInput .AverageScore
    {
        width: 80px;
        height: 80px;
        border: 1px solid #001244;
        color: #001244;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: 80px;
        vertical-align: middle;
    }

/*    
    .QCursusAanbodEvaluatieInput .Questions.AverageScore
    {
        float: right;
    }
*/
    
    .QCursusAanbodEvaluatieInput .Succeeded.AverageScore
    {
        margin: 0px auto 0px auto;
    }
          
    .QCursusAanbodEvaluatieInput a.Button[href]
    {
	    background-image:url(/ao.cursuscatalogus/gfx/btn_volgende.png);
    }
        
    * html .QCursusAanbodEvaluatieInput a.Button[href]
    {
	    background-image:none;
	    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ao.cursuscatalogus/gfx/btn_volgende.png', sizingMethod='scale');
    }
    
    .QCursusAanbodEvaluatieInput p.SmallMargin
    {
        margin: 5px 0px 5px 0px;
        padding: 8px 0px 8px 0px;
    }
    
        


/* ---------------------- EINDE QCursusAanbodEvaluatieInvoer / QCursusAanbodEvaluatieAanvraag ---------------------- */

/* ---------------------- QSlider ---------------------- */

div.QSlider
{
    margin: 20px auto 20px auto;
    position: relative;
    background-image: url("/AO.Cursuscatalogus/Gfx/bg_qslider2.png");
    background-repeat: no-repeat;
    background-position: 10px 4px;    
    width: 400px;
    height: 50px;
}

div.QSlider div.Thumb
{
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -15px;
    background-image: url("/AO.CursusCatalogus/Gfx/btn_qsliderthumb2.png");
    width :30px;
    height: 36px;
    cursor: pointer;
}

div.QSlider div.Digit
{
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    bottom: 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #001244;
    line-height: 20px;
    cursor: pointer;
}

div.QSlider div.Digit:hover
{
    background-color: #001244;
    color: White;
}

/* ---------------------- EINDE QSlider ------------------ */


.Clear
{
    clear: both;
    /* The width is an IE 7  fix, otherwise the .Form is not good */
    width: 0px;
}

.ClearRight
{
    clear: right;
    /* The width is an IE 7  fix, otherwise the .Form is not good */
    width: 0px;
}