/*---{ Imports )-------------------------------------------------------*/

.videoFrame{
	border-top:1px dotted #ccc;
	margin-top:15px;
	padding-top:20px;
	text-align:center;
}

/* ----- data bij direct_inschrijven ----- */
span.dates{
	border:0px solid red;
	width:170px;
	display:block;
}

/* --- Formulier inschrijvingen training --- */
#trainingWrapper .tabpage{
	display:none;
	padding-top:15px;
}

#trainingWrapper .ui-tabs-panel{
	display:block;
}

#trainingWrapper .ui-tabs-hide{
	display:none;
}

#trainingWrapper .eventDate{
	display:block;
	padding-top:10px;
	border-top:1px dotted #ccc;
	margin-bottom:10px;
}

#trainingWrapper .eventDate input{
	float:left;
}

#trainingWrapper .eventDate label{
	display:block;
	cursor:hand;
	cursor:pointer;
	margin-left:25px;
	padding-top:3px;
	color:#000;
}

#trainingWrapper .eventDate label h3{
	margin:0px;
	padding:0px;
}

#trainingWrapper .eventDate label h3 span{
	font-weight:normal;
	margin-left:10px;
}

#trainingWrapper table.frm_table{
	margin-top:15px;
}

td .clsInput.clsDay{
	width:98px;
}

td .clsInput.clsMonth{
	width:150px;
	margin-left:1px;
}

td .clsInput.clsYear{
	width:98px;
	margin-left:1px;
}

#trainingWrapper #charOpm{
	border:1px solid #ccc;
	color:#aaa;
	width:30px;
	margin-top:10px;
	padding:2px;
	text-align:center;
}

h3.frm_header{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}

.ui-tabs-hide{
	display:none;
}

#tooltip {
	position:absolute;
	z-index:3000;
	border:1px solid #fff;
	background:#4963a3;
	padding:5px;
	color:#fff;
}

#tooltip h3, #tooltip div {
	margin:0;
	font-weight:normal;
	color:#fff;
	font-size:11px;
}

#tooltip td.prijs{
	text-align:right;
	padding-right:5px;
}

#tooltip td.prijs span{
	float:left;
}

#footerSubNav{
	top:20px;
	left:250px;
	float:right;
}

#footerSubNav ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footerSubNav ul li{
	float:left;
	padding-right:5px;
}

/*--- home - middenbok ---*/
#homeVideo{
	float:right;
	height:234px;
	width:242px;
}

#homeVideo #blueTop{
	width:242px;
	background:#dce2ee;
	height:34px;
	margin:1px 0px 0px 0px;
}

#homeVideo .homePicture{
	width:205px;
	height:158px;
	border:1px solid #ebebeb;
	margin:17px 0px 0px 32px;
}

#stepBox.homeBox{
	height:200px;
	width:448px;
}

#stepBox.homeBox .nav{
	width:443px;
}

#stepBox.homeBox .col1{
	width:448px;
}

#stepBox.homeBox .col2{
	display:none;
}

#videoimage{
	width:225px;
	height:150px;
	margin:1px 0px 7px 16px;
}

#videotext{
	width:225px;
	height:35px;
	overflow:hidden;
	margin:0px 0px 2px 16px;
	font-size:12px;
	line-height:17px;
}

a#videostart{
	font-size:12px;
	margin:0px 0px 0px 16px;
	line-height:17px;
	display:block;
}

.playHomeVideo{
	cursor:pointer;
}

.overlay{
	position:fixed;
	top:0px;
	left:0px;
	background:#000;
	width:1000px;
	height:1000px;
	z-index:10000000;
}

#homeVideoFrame{
	position:fixed;
	top:300px;
	left:370px;
	width:444px;
	height:334px;
	background:#fff;
	z-index:10000001;
	border:none;
}

#homeVideoFrame iframe{
	width:444px;
	height:334px;
}

#homeVideoFrame.showVideoContent{
	left:200px;
	width:744px;
}

#homeVideoFrame.showVideoContent iframe{
	width:744px;
}

#homeVideoFrame #homeVideoClose{
	background:#1b3c8c url('../images/img_close_video.gif') 8px 6px no-repeat;
	width:auto;
	height:20px;
	position:absolute;
	top:-20px;
	left:0px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:0px 10px 0px 25px;
	cursor:pointer;
}

#homeVideoFrame #homeVideoClose:hover{
	background-color:#4963a3;
}

/*--- overlay-header ---*/
.overlayBG{
	position:fixed;
	left:0px;
	top:0px;
	width:200px;
	height:200px;
	background:#000;
	z-index:10000;
}

.overlayFrame{
	position:fixed;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	background:#fff;
	z-index:10001;
	border:2px solid #fff;
}

.overlayHeader{
	height:25px;
	line-height:25px;
	padding:0px 0px 0px 10px;
	margin:0px;
	background:#1b3c8c;
	color:#fff;
	font-size:11px;
}

.overlayHeader a{
	width:25px;
	height:25px;
	background:#ac1e4c url('../images/bg_overlayClose-sprite.gif') 0px 0px no-repeat;
	display:block;
	border-left:2px solid #fff;
	float:right;
	text-align:center;
	text-decoration:none;
}

.overlayHeader a:hover{
	background-position:0px -26px;
	text-decoration:none;
}

.overlayFooter{
	position:absolute;
	left:0px;
	bottom:0px;
	height:26px;
	width:100px;
	background:#eee;
	border-top:1px solid #ccc;
}

.overlayContent{
	padding:15px;
}

.overlayButton{
	margin-top:25px;
	text-align:right;
}

.tblGuideForm #actioncheck{
	height:23px;
	display:block;
	float:right;
	width:190px;
	outline:none;
	padding:0px;
	margin:0px;
}

.tblGuideForm #actioncheck a{
	float:left;
	display:block;
	background:transparent url('../images/ico_play_16x16.png') right center no-repeat;
	line-height:23px;
	font-size:12px;
	padding:0px 25px 0px 0px;
	outline:none;
}

.tblGuideForm .dummyInput{
	line-height:21px;
	font-size:12px;
	padding:0px 2px;
	width:350px;
	background:#f4f6fa;
	border:1px solid #e4e5e8;
	border:1px solid #c9cbd1;
}

.tblGuideForm #isLoadingAction{
	line-height:21px;
	padding-left:30px;
	background:transparent url('../images/img_loading_16x16.gif') 5px center no-repeat;
	color:#4963a3;
	font-size:11px;
	border:1px dotted #4963a3;
	width:324px;
	display:none;
}

.arrangementType{
	outline:none;
	cursor:help;
}

div.standardArrangement.arrangementType,
label.arrangementType{
	text-decoration:underline;
	color:#a71141;
}

/*--- training formulier ---*/
a#showSummaryAll{
	float:right;
	font-size:10px;
	outline:none;
	text-decoration:none;
}

a#showSummaryAll:hover{
	text-decoration:underline;
}

.summaryTab{
	border:1px dotted #ccc;
	padding:5px;
	margin:0px;
}

.summaryTab h4{
	margin:0px;
	padding:3px 3px 3px 22px;
	background:#eee url('../images/bg_arrow-blue.gif') 8px 7px no-repeat;
	display:block;
	cursor:pointer;
	font-size:12px;
	line-height:16px;
}

.summaryTab.showContent h4{
	background-position:8px -36px;
}

.summaryFill{
	display:block;
	height:10px;
}

.tabpage .summaryContent{
	padding:10px 10px 0px 10px;
	display:none;
}

.tabpage .showContent .summaryContent{
	display:block;
}

.tabpage .summaryContent table.summaryList{
	margin:5px;
	width:100%;
}

#frm .tabpage .summaryContent table.summaryList th,#frm .tabpage .summaryContent table.summaryList td{
	padding:4px;
	margin:0px;
	border-bottom:1px dotted #ddd;
	height:auto;
}

#frm .tabpage .summaryContent table.summaryList td h3{
	padding:0px;
	margin:0px;
	color:#000;
	color:#002b46;
}

#frm .tabpage .summaryContent table.summaryList th{
	width:250px;
}

.summaryPrice{}

.summaryPrice div{
	width:68px;
	display:block;
	float:left;
	text-align:right;
	padding:0px 15px 0px 0px;
}

.summaryPrice div span{
	float:left;
	width:12px;
	text-align:left;
}

.arrangementToolTip#tooltip{
	width:350px;
	font-size:12px;
}

.arrangementToolTip#tooltip h3,.arrangementToolTip#tooltip div{
	font-size:12px;
	line-height:16px;
}

.arrangementToolTip#tooltip h3 strong{
	font-size:13px;
	line-height:18px;
}

a.popuplink{
	outline:none;
}

#shareButtons{
	position:absolute;
	top:10px;
	right:0px;
	height:19px;
	z-index:9999;
}

#socialMedia{
	position:absolute;
	top:-34px;
	right:0px;
	z-index:1000;
	height:32px;
	width:120px;
}

#socialMedia a{
	width:32px;
	height:32px;
	margin:0px 0px 0px 5px;
	display:block;
	float:right;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-10000em;
	outline:none;
	width:24px;
	height:24px;
	background-image:url('../images/bg_socialmedia-medium.png');
}

#socialMedia a:hover{
	background-position:0px -48px;
}

#socialMedia a#media_twitter{
	background-position:-24px 0px;
}

#socialMedia a#media_twitter:hover{
	background-position:-24px -24px;
}

#socialMedia a#media_facebook{
	background-position:0px 0px;
}

#socialMedia a#media_facebook:hover{
	background-position:0px -24px;
}


#socialMedia a#media_linkedin{
	background-position:-48px 0px;
}

#socialMedia a#media_linkedin:hover{
	background-position:-48px -24px;
}

body.popup{
	background:#fff;
}


.widget{
	width: 450px;
	padding: 15px 0px 0px 0px;
	overflow: hidden;
}
.widget2{
	padding: 0px;
	overflow: hidden;
	width: 205px;
	margin-bottom: 10px;
}