/* global element style */
html
{
	overflow-y:scroll;
	overflow-x:hidden;
}
body
{
	padding: 15px 0px 10px 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
{
	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 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;
}