/*
--======================================================================================--
-- GENERAL STYLES -- 
------------------------------------------------------------------------------------------ 
*/
/* Alter the default CSS box model used to calculate widths and heights of elements to match Firefox and Internet Explorer (http://www.ozzu.com/website-design-forum/firefox-interpret-css-padding-differently-t32917.html, https://developer.mozilla.org/En/CSS/Box-sizing) 
 Fixes incorrect widhts on titles in Manager pages.
*/
* {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
BODY { font-family: Arial, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; word-spacing:normal; text-transform:none; letter-spacing:normal; color:black; }
H1, H2, H3, H4, H5, TH, THEAD, TFOOT { color:black; }
H1 {	font-size:13px; font-weight:bold; }	
H2 {	font-size:12px; font-weight:normal; }		
H3 {	font-size:1.58em; font-weight:500; }
H4 {	font-size:1.33em; font-weight:500; }	
H5, DT { font-size:1em; font-weight:700; }	
H6 { font-size:.8em; font-weight:700; }	
TFOOT, THEAD { font-size:1em; }
TABLE { vertical-align:baseline; font-size:12px; }	
BLOCKQUOTE, PRE { font-family:Courier New, monospace; }	
UL  { margin-top:0; }
UL LI	 { list-style-type:square; }	
UL LI LI { list-style-type:disc; }	
UL LI LI LI	{ list-style-type:circle; }	
OL LI { list-style-type:decimal; }	
OL OL LI { list-style-type:lower-alpha; }	
OL OL OL LI {	list-style-type:lower-roman; }	
IMG 	{ margin:5px 10px; border:0px; }
IMG.Direct { margin:0; }
IMG.icon { margin:0 2 0 2; height:16px; width:16px; }
.fill { height:100%; width:100%; }
.hide { display:none; visibility:hidden; }
.camouflage { background:none; border:none; }
.invisible { visibility:hidden; }

.Button { padding:0px; margin:2px; }
H1#divTitel { margin:0; padding-top:2px;}
.TopDark { font-size:130%; font-weight:bold; }

.Link { color:#ffffff; font-weight:bold; background-color:#FFFFFF; }
.LinkColorHover { font-weight:normal; background-color:#F1F1F1; }
.LinkLight { font-weight:normal; background-color:#FFFFFF; padding:7px; }
.warning { color:#dd332e; }
.InfoPath { font-style:italic; font-size:120%; }
.Form { border:0; border-bottom:#c0c0c0 1px dotted; font-style:italic; }
.Textbox, .fileUpload { 	border:#A1A5A9 1px solid; }
.ActiveBox  { border:#A1A5A9 1px solid; text-align:center; }
.ValField { text-decoration:none; }
.ReqField { background-color:#ffcedc; }

.Optional { background-color:#ffffff; }
.Vraag { font-weight:bold; font-size:16px; color:#696969; }
.Titel { font-weight:bold; font-size:16px; color:#B71A1D; }
.Antwoord { font-size:16px; color:black; }
.OptAntwoord { font-size:11px; color:black; }
.HalfTone {color:Gray;}
#divNav { PADDING-LEFT:5px;	OVERFLOW:auto; }
/* Hide intromovie when playlist contains no movies. */
#divIntroMovie, .introMovie { position:absolute; bottom:1px; right:20px; width:230px; height:160px; margin:0; padding:0; z-index:100000 !important; display:none; }
#divIntroMovie.hide { display:none; }


/* Telerik controls */
.rwControlButtons LI { margin-left:0px;}

/*
--======================================================================================--
-- VARIOUS GRIDS -- 
------------------------------------------------------------------------------------------ 
*/

/* .Grid:Default style, when nothing is defined  */
.Grid {}
.GridOdd { padding:4px 3px; }
.GridEven { padding:4px 3px; }
.GridEvenNoBorder { padding:4px 3px 0px 3px; }
.GridOddNoBorder { padding:4px 3px 0px 3px; }


/* .TopLight */
.TopLight { font-weight:bold; }


/* .GridName:Standard grid, gebruikt in:
 - Rapporten
*/
.GridName { font-weight:bold; font-size:14px; height:20px; padding:0px 3px; }

/* .GridWide (Grid with no borders):Wordt op meerdere plaatsen gebruikt:
 - Feedbackbox:open vragen bij deelnemers
*/
.GridGroup { border-bottom:gray 1px solid; padding:10px 3px 2px 3px; font-weight:bold; }
.GridGroupNoBorderOdd { padding:10px 3px 2px 3px; font-weight:bold; color:#4d4d4d; background-color:#F1F1F9; }
.GridGroupNoBorder { padding:10px 3px 2px 3px; font-weight:bold; color:#4d4d4d; }

/* .GridInfo:Wordt op meerdere plaatsen gebruikt:
 - Scherm Te Doen deelnemer
 - Scherm Vorderingen Manager
*/
.GridInfo { border-bottom:1px solid gray; padding:1px 3px 4px 3px; }
.GridInfoOdd { border-bottom:1px solid gray; padding:1px 3px 4px 3px; color:gray;}
.GridInfoNoBorder { color:gray; padding:1px 4px 3px 3px; }
.GridInfoOddNoBorder { color:gray; padding:1px 4px 3px 3px; }

/* .GridOverview:Wordt op meerdere plaatsen gebruikt:
 - Op hoofdpagina, in het midden
 - Scherm opleidingen, linker vlak
 - Scherm Te Doen deelnemer
 */
.GridOverview {}
.GridOverviewTop { font-weight:normal; font-size:15px; height:20px; padding-left:2px; padding-right:1px; }

/* GridFunction:Gebruik is onbekend */
.GridFunctionRow { padding:4px 3px; }
.GridFunctionTitle { padding:4px 3px; font-size:120%; }


/* Gridmini:Gebruikt in:
 - Alle rollen, homepage, rechter zijbalk
 - Deelnemer, Scherm opleidingen
*/
.GridMini { font-size:90%; }  /* ruimte tussen opleidingen */
.GridMiniTop {}
Table.GridMini { font-size:90%; }
Table.GridMini .GridMiniTop { font-weight:bold;	font-size:12px; font-family:Arial; height:20px; padding-left:7px; padding-right:2px; padding-top:2px; }

/* GridWidth:
 - Deelnemer: Mijn documenten
 - Deelnemer: Mijn vragen
 - Deelnemer: Te doen
 - Deelnemer: Maken van een toets */
 .TableWidth { width:100%; }

/* Unknown grids */
.GridLeft  {}
.GridTop { height:14px; background-color:#FFFFFF; font-weight:bold; padding:3px; padding-top:2px; }	/* Header with columnNames of (active) grids */
.GridButton { padding:7px 3px; cursor:hand; cursor:pointer; border-bottom:#dcdcdc 1px solid; background-color:#F1F1F9; }
.GridNoMargin { padding:0; }
.GridCancel { padding:4px 3px; 	border-bottom:#dcdcdc 1px solid; background-color:#ffffff; text-decoration:line-through; }
.GridWarning { padding:4px 3px; border-bottom:1px solid #dcdcdc; font-weight:bold; } /* For color, see .warning */
.GridOver { border-top:2px solid gray; }

/*
--======================================================================================--
-- OTHER STYLES -- 
------------------------------------------------------------------------------------------
*/

.pageHeading { font-size:15px; font-weight:bold; }
.sectionNr { font-size:20px; width:19px; height:20px; }
.sectionHeading { font-weight:bold; }
.section.horizontal { border-left:2px solid gray; background:#F3F3F3; }
.section.vertical { border-top:2px solid gray; background:#F3F3F3; }

/*  Enable three-state checkboxes */
.xCheckBox { width:13px; height:13px; cursor:pointer; margin-bottom:-2px; margin-right:6px; border:0px solid #7E838E; }
.xCheckBoxOver { border:0px ridge #197400; }

/* Right click contextmenu / popup */
.contextmenu { border:20px black; z-index:115; left:25px; color:black; position:absolute; top:-200px; background-color:#ffffdd; }

/*Tree SleepLeerobject part */
.SleepObjectNode  { font-family:Tahoma; font-size:9pt; color:black; text-decoration:none; cursor:pointer; cursor:hand; background:#ffffff; width:100px; text-align:center;	border:1px solid gray; }

/* Generates full screen transparent background */
.popupbackground { position:absolute; z-index:1000; top:0px;left:0px; height:100%; width:100%; background:white; opacity:.8; filter:alpha(opacity=80); }
/* Generates box, use in front of transparent background */
.loadingbar { z-index:1010; position:absolute; top:50%; left:50%; border:1px solid #9f9b00; background:#F1F1F1; }


#TimeBar { background-color:#E2F4C1; }
#frameStepco { display:none; }

/* HR forms */
.HRarea { width:100%; border:1px solid gray; padding:5px; background-color:#ffffdd;}
.HRprint { width:100%; padding:5px; }
.Textbox_mandatory { border:#F15D5D 1px solid; }

/*
--======================================================================================--
-- SPECIFIC PAGES -- 
------------------------------------------------------------------------------------------
*/

/* Deelnemer:Scherm opleidingen, inhoud linker vlak */
.GridBlock  { border:1px solid gray; }
.GridSelected { padding:4px 3px; font-weight:bold; }
#divShowEducation .GridMini { background:none; } /* ruimte tussen opleidingen */

/* Deelnemer:Scherm opleidingen, rechtervlak */
.InfoTable {	font-weight:normal; line-height:130%; }
.InfoTableTop { font-weight:normal; font-size:15px; font-family:Arial; height:20px; padding-top:2px; padding-left:4px; padding-right:1px; }

/* Deelnemer:Scherm module, lesblokken */
.LinkColor { }
.GridFunctionMini { font-size:90%; }
.GridFunctionRowMini { padding:4px 3px; color:#4d4d4d; }

/* .FeedbackBox (Feedback box for open questions) in participant portal:Gebruikt op meerdere schermen:*/
.FeedbackBox { width:100%; height:40px; border:gray 1px solid;}
.coachAnswer TD { padding-left:50px; }
.coachAnswer TD .coachAnswerImg { border:0; margin-left:-46px; float:left; }

/* Deelnemer:Toetsen */
.QuestionNav, .QuestionNav:link, .QuestionNav:visited, .QuestionNav:active { color:black; }
.QuestionNav:hover  { text-decoration:none; }

/* Deelnemer:Bibliotheek */
#DIVbibliotheek .GridInfo, #DIVbibliotheek .GridEven { border-bottom:1px solid #DDD; }

/* Manager:Scherm Vorderingen */
#divCurrent .GridInfo, #divCurrent .GridInfoOdd { }

/* Manager:Scherm Opdrachten */
#divOpdrachten .warning { color:black; }

/* Managers:Scherm Profieloverzicht, details */
#divCurrent #pageNumbers { color:black; }

/* Trainers:Scherm Gevonden vragen, veelgestelde vragen */
#trainerQuestions #divContent .warning { color:black; }

/* Trainers:Scherm Examens */
#trainerEnterResults #divCurrent .warning { color:black; }
#trainerEnterResults #txtAssessors { width:40px; }

/* Trainers:Scherm Examens, beoordelingen|toetsresultaten */
#divDeelnemer .warning { color:black; }

/* Beheerder: Scherm ProjectBegeleiders (Councilors) */
#divCouncilors { margin-bottom:20px; height:auto; left:10px; right:10px; overflow-y:auto; position:absolute; top:30px; bottom:30px; border-bottom:1px solid gray;  }
#frmBegeleiders #cmdSave { position:absolute; bottom:10px; right:10px; width:150px;}
.ChkCouncilor {height:24px; display:block;}
.absoluteFill, .multiPageFill{position:absolute;bottom:0px;top:0px;left:0px;right:0px; width:auto; height:auto;}
.multiPageFill {top:30px;}
#pageActivities{position:absolute;bottom:0px;top:0px;left:0px;right:0px; width:auto; height:auto;}
#divInhoudCouncilor { border-right: #dcdcdc 1px solid; padding-right: 5px; overflow-y: scroll; overflow-x:hidden; padding-left: 0px; z-index: 102; left: 0px; padding-bottom: 0px; width: 248px; padding-top: 5px; position: absolute; top: 0px; height: 100%; background-color: lightyellow;}
#radmpDetailsOverview iFrame { top: 30px; position: absolute;}

/* Beheerder:Scherm Traject-/Projectactiviteiten */
.ModuleTest { background-color:#FFFFCC; }
.CourseTest { background-color:#d2cdee; }
.CurriculumTest { background-color:#bde9c7; }
.linkToProject, .curriculaOverview { color:gray; }
#divTestStatus { font-style:italic; font-size:80%; padding-left:142px; height:20px; }
#divActivityStatus { font-style:italic; font-size:80%; padding-left:122px; height:20px; }

/* Beheerder:Scherm ArchiveProject */
#ArchiveProject { margin:8px; }

/* Beheerder:Scherm import/export */
.ProblemLog {background:#FFCCCC;}
.SuccessLog {background:#CCFFCC;}

/* Beheerder: Scherm Deelnemer bewerken, inzien portfolio */
#OpenPortfolio #divCurrent { WIDTH: 624px; POSITION: absolute;  HEIGHT: 500px; margin-top:4px; margin-left:8px; }

/* Beheerder: Scherm bewerken rechten */
#divGroups #grdGroups TH { text-align:left; }

/*ActiveSorters OpenOpl LesModule EditProject AddEditTraject Pages Clusters */
#ActiveSorter .GridOdd { height:30px !important }
#ActiveSorter TABLE, TR {margin:0px !important; padding:0px !important; font-family:Arial !important;}
#ActiveSorter .GridEven { height:30px !important}
#ActiveSorter .Sortable .GridEven {height:30px !important }
#ActiveSorter .Sortable .GridOdd {height:30px  !important }
#ActiveSorter .GridActiveSort { margin:0px !important; padding:0px !important; line-height:1 !important; cursor:move;}
#ActiveSorter .GridGroup {height:30px !important}
#ActiveSorter .GridActiveSort .GridGroup { height:30px !important}
#ActiveSorter .GridActiveSort LI { margin-bottom: -3px !important; margin-top:0px !important; padding:0px !important; list-style-image:none !important; list-style-type:none !important; }
#ActiveSorter .ActiveGrid  { cursor:hand; }
.ActiveGridBorder { border:1px solid #999999; }

/* Presentielijst */
.presentielijst .evenrow { }
.presentielijst .oddrow { background:#EEE; }
.presentielijst { border-bottom: 1px solid gray; padding-bottom:200px; }

/* Manager: open vrije opdracht */
@media print {
	#AddEditFeedbackVrijeOpdracht #divVrijeOpdracht,
		#AddEditFeedbackVrijeOpdracht #txtFeedback { overflow:visible !important; height:auto !important; }
}


/*
--======================================================================================--
-- UPLOADER STYLES -- 
------------------------------------------------------------------------------------------
*/

.uploader { width: 350px; border:1px solid #808080; height:30px; }
.uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 0px; padding: 5px; width: 350px; }
.uploadifyQueueItem Img { margin: 0px; }
.uploadifyError { border: 2px solid #FBCBBC !important;	background-color: #FDE5DD !important; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyProgress { background-color: #FFFFFF;	border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; }
.uploadifyProgressBar {	background-color: #0099FF; width: 1px; height: 3px; }

/*
--======================================================================================--
-- STANDARD STYLES -- 
------------------------------------------------------------------------------------------
*/
FORM#frmLogin #divWelkomtekst { WIDTH:424px; LINE-HEIGHT:16pt; HEIGHT:60px; }
FORM#frmLogin #divManuals { WIDTH:424px; HEIGHT:104px; }
FORM#frmLogin #divInfo1 { BORDER-RIGHT:#c0c0c0 1px solid; LEFT:8px; WIDTH:436px; POSITION:absolute; TOP:8px; HEIGHT:356px; }
FORM#frmLogin #Div3, #SwitchRole #divUserProfiles { LEFT:460px; WIDTH:517px; LINE-HEIGHT:16pt; POSITION:absolute; TOP:8px; HEIGHT:332px;}
FORM#frmLogin #divInlog { WIDTH:516px; POSITION:relative; HEIGHT:128px; }
FORM#frmLogin #lblLoginUsername { LEFT:12px; POSITION:absolute; TOP:8px; text-decoration:underline; }
FORM#frmLogin #lblLoginPassword { LEFT:12px; POSITION:absolute; TOP:36px; text-decoration:underline; }
FORM#frmLogin #divMelding { LEFT:364px; WIDTH:148px; POSITION:absolute; TOP:8px; HEIGHT:60px; }
FORM#frmLogin #imgLoading { LEFT:360px; VISIBILITY:hidden; POSITION:absolute; TOP:96px; }
FORM#frmLogin #divLoginInfo { MARGIN-BOTTOM:10px; MARGIN-LEFT:10px; WIDTH:496px; PADDING-TOP:5px; }
FORM#frmLogin #divNieuws { WIDTH:516px; HEIGHT:184px; }
FORM#frmLogin #txtFunction { LEFT:4px; VISIBILITY:hidden; POSITION:absolute; TOP:4px }
FORM#frmLogin #cmbTaalkeuze {WIDTH:232px}
FORM#frmLogin #txtUsername { LEFT:128px; WIDTH:232px; HEIGHT:24px; POSITION:absolute; TOP:8px; } /*Used in Login page and in Verlopen page */
FORM#frmLogin #txtPassWord { LEFT:128px; WIDTH:232px; HEIGHT:24px; POSITION:absolute; TOP:40px;}
FORM#frmLogin #cmdLogin { LEFT:301px; POSITION:absolute; TOP:96px; WIDTH:56px; }
FORM#frmLogin #divSmartcardname { LEFT:128px; POSITION:absolute; TOP:8px; width:120px; height:16px; font-weight:bold;}
FORM#frmLogin #lblSmartcardcode{ LEFT:12px; POSITION:absolute; TOP:36px; }
FORM#frmLogin #txtSmartcardcode{LEFT:128px; WIDTH:232px; POSITION:absolute; TOP:35px; HEIGHT:24px;}
FORM#frmLogin #divSmartcardStatus {LEFT:128px; POSITION:absolute; TOP:65px;}
FORM#frmLogin #cmdSmartcardLogin { LEFT:304px; POSITION:absolute; TOP:96px; }

#frmMain #Div3 { LEFT:150px; WIDTH:616px; LINE-HEIGHT:16pt; POSITION:absolute; TOP:0px; HEIGHT:100% }
#frmMain #divNieuws { LEFT:764px; WIDTH:216px; POSITION:absolute; TOP:0px; HEIGHT:95% }
#frmMain #divPersonal {WIDTH:592px; HEIGHT:21px;}
#frmMain #divPersonal TABLE TR.TitleRow TD { font-size:9px; height:12px; }
#frmMain #divPersonal TABLE TR.TitleRow TD.GridImg { height:30px; padding-top:3px; padding-left:2px;}

#frmChangeEmail #txtEmail {WIDTH:340px; HEIGHT:22px}
#frmChangeEmail #cmdOpslaan {HEIGHT:22px}

#frmEmail #txtAan {WIDTH:430px; HEIGHT:22px}
#frmEmail #txtCC {WIDTH:430px; HEIGHT:22px}
#frmEmail #txtVan {WIDTH:430px; HEIGHT:22px}
#frmEmail #txtOnderwerp {WIDTH:430px; HEIGHT:22px}
#frmEmail #cmdVerstuur { HEIGHT:24px}

#ShowEducation #divTitel {PADDING-LEFT:3px; LEFT:0px; WIDTH:975px; POSITION:absolute; TOP:4px; HEIGHT:24px; MARGIN:0px}
#ShowEducation #divInfo {OVERFLOW-Y:auto; LEFT:640px; WIDTH:340px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%; }
#ShowEducation #divTitelBackground {PADDING-LEFT:3px;BACKGROUND:#ffffff;LEFT:0px;WIDTH:980px;POSITION:absolute;TOP:0px;HEIGHT:32px; }
#ShowEducation #divModules {LEFT:0px; WIDTH:630px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%}
#ShowEducation #divShowEducation { width:100%; height:100%; width:630px; overflow-Y:auto}
#ShowEducation #divShowEducation .ModuleSubInfo { font-size:90%; }

#TrainingRequests #divTrainingRequests {LEFT:0px; WIDTH:620px; POSITION:absolute; TOP:0px; HEIGHT:100%; padding-bottom:15px; border: 1px #dedede solid;}
#TrainingRequests #divDetails {LEFT:630px; WIDTH:340px; POSITION:absolute; TOP:0px; border: 1px #dedede solid; padding-bottom:15px; overflow-Y:auto; }

#BodyInhoud #divDetails { border: 1px #dedede solid; }

#ShowModule H1#divTitel { PADDING-LEFT:3px;  LEFT:0px; OVERFLOW:hidden; WIDTH:975px; POSITION:absolute; TOP:4px; HEIGHT:24px; MARGIN:0px }
#ShowModule #divButtons { LEFT:850px; VISIBILITY:hidden; WIDTH:76px; POSITION:absolute; TOP:30; HEIGHT:32px; }
#ShowModule #divLesblok { PADDING-RIGHT:0px; PADDING-LEFT:0px; LEFT:0px; overflow-x:hidden; overflow-y:auto; PADDING-BOTTOM:0px; WIDTH:155px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%; }
#ShowModule #divLesblokFrameBox { LEFT:155px; width:860px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%; }

#Bibliotheek #divTitel {PADDING-LEFT:3px; LEFT:0px; WIDTH:975px; POSITION:absolute; TOP:4px; MARGIN:0px; HEIGHT:24px}
#Bibliotheek #imgTitel {LEFT:908px; WIDTH:72px; POSITION:absolute; TOP:4px; HEIGHT:76px}
#Bibliotheek #cmbManuals {WIDTH:200px}
#Bibliotheek #txtZoekVeld {WIDTH:130px}
#Bibliotheek #divOmschrijving {OVERFLOW-Y:auto; LEFT:744px; WIDTH:256px; LINE-HEIGHT:150%; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%; BACKGROUND-COLOR:white}
#Bibliotheek #DIVsub {OVERFLOW-Y:auto; Z-INDEX:106; LEFT:216px; PADDING-BOTTOM:10px; WIDTH:520px; PADDING-TOP:10px; POSITION:absolute; TOP:25px; HEIGHT:93.45%;}
#Bibliotheek #divLeft {Z-INDEX:108; LEFT:0px; WIDTH:208px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%}

#Bericht #imgTitel {LEFT:908px; WIDTH:72px; POSITION:absolute; TOP:4px; HEIGHT:76px}
#Bericht #divTitel {PADDING-LEFT:3px; LEFT:0px; WIDTH:975px; POSITION:absolute; TOP:4px; MARGIN:0px; HEIGHT:24px}

#MyRooster #divTitel {PADDING-LEFT:3px; LEFT:0px; WIDTH:975px; POSITION:absolute; TOP:4px; HEIGHT:24px; MARGIN:0px}
#MyRooster #imgTitel {LEFT:908px; WIDTH:72px; POSITION:absolute; TOP:4px; HEIGHT:76px;}
#MyRooster #div1 {PADDING-LEFT:3px;BACKGROUND:#ffffff;LEFT:0px;WIDTH:980px;POSITION:absolute;TOP:0px;HEIGHT:32px;}
#MyRooster #divActies { Z-INDEX:102; LEFT:0px; WIDTH:576px;  POSITION:absolute; TOP:0px; PADDING-TOP:35px; HEIGHT:100%; MARGIN:0px}
#MyRooster #divInfo { OVERFLOW-Y:auto; OVERFLOW-X:hidden; Z-INDEX:100; LEFT:580px; WIDTH:420px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%; MARGIN:0px}

#MyPortfolio #div1 {PADDING-LEFT:3px; LEFT:0px; WIDTH:980px; POSITION:absolute; TOP:0px; HEIGHT:32px}
#MyPortfolio #divTitel {PADDING-LEFT:3px; LEFT:0px; WIDTH:975px; POSITION:absolute; TOP:4px; HEIGHT:24px; MARGIN:0px}
#MyPortfolio #imgTitel {LEFT:908px; WIDTH:72px; POSITION:absolute; TOP:4px; HEIGHT:76px;}
#MyPortfolio #divHolder { LEFT:148px; WIDTH:860px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%}

#MyProfile #div1 {PADDING-LEFT:3px;BACKGROUND:#ffffff;LEFT:0px;WIDTH:980px;POSITION:absolute;TOP:0px;HEIGHT:32px;}
#MyProfile #divTitel {PADDING-LEFT:3px;LEFT:0px;WIDTH:975px;POSITION:absolute;TOP:4px;HEIGHT:24px; MARGIN:0px}
#MyProfile #imgTitel {LEFT:908px; WIDTH:72px; POSITION:absolute; TOP:4px; HEIGHT:76px;}
#MyProfile #divHolder {OVERFLOW-Y:auto; Z-INDEX:104; LEFT:148px; WIDTH:852px; PADDING-TOP:35px; POSITION:absolute; TOP:0px; HEIGHT:100%}

#MyAccount {height: auto; position:absolute; bottom:0px; top:0px;width:980px;}
#MyAccount #divTitel {padding-left:3px; LEFT:0px; WIDTH:990px; POSITION:absolute; TOP:4px; HEIGHT:24px; MARGIN:0px}
#MyAccount .Left {float:left; width:205px; padding-left:0px; border-right:solid 1px #DDD; height:auto; overflow-y:auto;position:absolute; top:85px; bottom:0px;}
#MyAccount .Search {padding:10px 5px 10px 0px; border-bottom:solid 1px #DDD;}
#MyAccount .Top {width:990px; border-bottom:solid 1px #DDD; padding: 5px 5px 5px 205px;margin-top:45px;}
#MyAccount .Top input[type=text] {width:250px;}
#MyAccount .Content{width:790px; height:auto; overflow-y:auto; position:absolute; top:85px; left:205px; bottom:0;}
#MyAccount .RadComboBox{width:185px !important;}
#MyAccount #divCounter {float:right; margin:5px 80px 0px 0px;}
#MyAccount .Icon {z-index:101; position: absolute; top: 0px; left: -4px;}
#MyAccount .TopDark {z-index:112; position: absolute; width: 72px; height: 76px; top: 4px; left: 923px;}
#MyAccount #btnNext{margin: 0px 0px 0px 190px; padding-bottom:20px;}

.MyAccountBusinessCard {width:763px; border: solid 1px #DDD; float:left; margin:5px;}
.MyAccountBusinessCard .BusinessCardLeft {width:175px; float:left; overflow:hidden;}
.MyAccountBusinessCard .BusinessCardRight {width:580px; overflow-y:auto; float:left; padding:0px 5px 5px 5px;}
.MyAccountBusinessCard .BusinessCardLeft .Photo {width:160px; padding-right:10px}
.MyAccountBusinessCard .BusinessCardRight img{margin:5px 5px 0px 0px;}
.MyAccountBusinessCard .HeaderLabel{width:120px;display:inline-block;font-weight:bold;}
.MyAccountBusinessCard .BusinessCardLeft .HeaderLabel{padding-left:5px}
.MyAccountBusinessCard .BusinessCardBottom {clear:both;}
.MyAccountBusinessCard .SocialMedia{float: left;width:279px;overflow:hidden;margin: 10px 0px 20px 5px;}
.MyAccountBusinessCard .Contact{padding-top:5px; float:left;width:279px;overflow:hidden; margin:10px 0px 20px 0px;}

#MyAccountMaintenance {float:left; Width: 100%;}
#MyAccountMaintenance #divFields div {float:left; Width: 100%;}
#MyAccountMaintenance #divFieldsHeader {float:left; Width: 100%; font-weight: bold;}

.MyAccountManagement .Content {z-index: 108; width: 804px; }
.MyAccountManagement .Photo{width: 240px; height:100%; float:left;}
.MyAccountManagement .PhotoTitle{width:240px;}
.MyAccountManagement .Photo .AccessibleCheckBox{ float:left;}
.MyAccountManagement .EmptyDiv {width: 240px; float:left;}
.MyAccountManagement .Buttons{float:right; padding-top:20px;}
.MyAccountManagement .GridGroup {margin-bottom:10px;}
.MyAccountManagement .HeaderLabel{width:120px;display:inline-block;font-weight:bold; margin-bottom:3px; float:left;}
.MyAccountManagement #divLeft .HeaderLabel{width:100px;display:inline-block;font-weight:bold; margin-bottom:3px; float:left;}
.MyAccountManagement IMG {clear:both; margin:0px 3px 0px 0px;float:left; padding-bottom:3px;}
.MyAccountManagement .TextBox {width:300px; border:#a1a5a9 1px solid; margin-bottom:3px; float:left;}
.MyAccountManagement .TextBox.Small {width:270px; border:#a1a5a9 1px solid; margin-bottom:3px; float:left;}
.MyAccountManagement .DropDownList {float:left; width:300px;}
.MyAccountManagement .Button {width:150px;}
.MyAccountManagement .UploadButton {width:200px; margin-top:3px;}
.MyAccountManagement .RequiredField {text-decoration:underline;}
.MyAccountManagement .ImgReplacement{clear:both;margin-left:19px;}
.MyAccountManagement .DateOfBirthLink{ float:right; position:relative; left:-39px; top:1px;}
.MyAccountManagement .Error {color:Red; font-weight:bold;float:left;}
.MyAccountManagement .AccessibleCheckBox{ float:right; margin-right:20px; }
.MyAccountManagement #divLeft .AccessibleCheckBox{ margin-right:30px; }
.MyAccountManagement .FloatLeft{float:left; }
.MyAccountManagement .GridGroupRight {float:right; margin-top:-18px; font-weight:bold;}
.MyAccountManagement .FloatRight{float:right;}
.MyAccountManagement .FixedFields, .MyAccountManagement .SupernumeraryPlace, .MyAccountManagement .CustomFields, .MyAccountManagement .RightContent, .MyAccountManagement .None{width:520px;}
.MyAccountManagement .ValidationError {border:red 1px solid !important; }
.MyAccountManagement .RadEditor {width:450px !important; height:400px; float:left;}
.MyAccountManagement .FixedFieldsTitle{width:436px;}
.MyAccountManagement #divLeft .AccessibleCheckboxTitle{width:230px; text-align:right}
.MyAccountManagement .CheckBox{float:left;}
.MyAccountManagement .direct{clear:none !important;}
.MyAccountManagement .EmailIcon{float:right; }
.MyAccountManagement .imgphoto{width:160px;}

.Tweet .Left {width:50px;height:50px; float:left; overflow:hidden;}
.Tweet .Top {height:20px;}
.Tweet .Right {float:left; overflow:hidden;}
.Tweet {margin-top:5px; border-top:1px solid #CCC; padding-top:5px;}
.Tweet .UserName {font-weight:bold !important; float:left;}
.Tweet .CreatedAt{float:right; margin-right:5px;}
.Tweet .Message {display:block; overflow:hidden;white-space:pre-wrap; padding-left:5px;}
.Tweet .Image {padding:0px; margin:0px;}
.Tweet A {font-weight:normal;}
.Tweet .divReplyTweet{ display:block; display:none;  float:left;}
.Tweet .Bottom{ float:left;}

#Form1 #divTweetsMain{visibility:hidden;}
#divPostTweet { border-bottom: 2px solid gray; overflow:hidden; background-color:White;}
#divTweets{height:446px; overflow-y:scroll;overflow-x:hidden; padding-left:5px; background-color:White;}
#divTweetDialog{height:496px; width:300px; overflow:hidden; position:relative; left:-2px; top 2px; margin:5px 5px 0px 5px;}
#divTweetDialog .Button {float:right; margin-top:0px;}
#divTweetDialog .ReplyMessage {float:left;}
#divTweetDialog #divPostTweet .ReplyMessage {margin-left:5px;}
#divTweetDialog .ReplyCharactersLeft {float:left;width:30px; padding-left:5px; line-height:24px;}
.StatusBar{height:32px; background-color: #F0F0F0; position:relative; left:2px; }
.TweetSuccess{color:Green;}
.TweetFailure{color:Red;}
.TweetSuccess, .TweetFailure{font-weight:bold; float:left; margin:5px 0px 0px 5px;}

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -3px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 32px; height: 32px; right: -2px; bottom: -2px; background: url('../Images/resize-icon.png') no-repeat ;}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-dialog-content { z-index: 9999; padding: 1px; background-color: white; cursor:auto; }
.ui-dialog { border: 1px solid #a1a5a9; }
.ui-dialog-titlebar-close { float: right; }
.ui-dialog-title { float: left; }
.ui-dialog-titlebar { height: 25px; padding: 5px; background-color: #F0F0F0; cursor: move; }


#frmPortfolioTab2 #txtNaam {WIDTH:350px;}
#frmPortfolioTab2 #txtFirstName {WIDTH:350px;}
#frmPortfolioTab2 #txtLetters {WIDTH:350px;}
#frmPortfolioTab2 #txtGebDatum {WIDTH:350px;}
#frmPortfolioTab2 #txtEmail {WIDTH:350px;}
#frmPortfolioTab2 #txtAdres {WIDTH:324px;}
#frmPortfolioTab2 #txtPenW {WIDTH:324px;}
#frmPreview #tdChapterTree { WIDTH:25%}
#frmScorm {display:none;}
#frmExternalApp {display:none;}

#ShowFormulier #divContent1 {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #dddddd; LEFT: 690px; PADDING-BOTTOM: 20px; WIDTH: 250px; PADDING-TOP: 10px; POSITION: absolute; TOP: 0px; HEIGHT: 100%}
#ShowFormulier #Scroller { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 10px; HEIGHT: 100%; OVERFLOW-Y:auto }
#ShowFormulier #divContent {PADDING-RIGHT:10px;PADDING-LEFT:10px;BACKGROUND:#ffffff;LEFT:20px;OVERFLOW-X:auto;PADDING-BOTTOM:10px;WIDTH:650px;PADDING-TOP:0px;POSITION:absolute;TOP:0px;HEIGHT:100% }
#ShowFormulier #Assessment { width:630px; height:100% }

#TEK_12.informationRoleSelection { margin-top:.5em; }

/* Rank module */
#divRankModule { margin-bottom:10px; }
#divRankModule P { display:inline; margin-right:20px; font-weight:bold;}
#divRankStars {display:inline;}
#divRankStars DIV {	display:inline;  width:12px; height:15px; padding:4px 7px 4px 6px; font-size:1px; background-repeat:no-repeat; }
.starNormal { background-position:0 3; }
.starSelected { background-position:-16 3; }
.starOver { background-position:-31 3; }
#ShowEducation .starSelected { background-position:-16 3; }
#ShowEducation #divRankStars {display:block; margin-bottom:10;}
#divRankStars P.numberOfVotes { color:Gray; display:inline; margin-left:10px;}
#divModuleRanking P.noVotes { color:Gray; }

/* ADMIN PAGES */
#AddDeelnemers #h1DeelnemerGegevens { LEFT:8px; POSITION:absolute; TOP:8px; width:490px; }
#AddDeelnemers #h1AanvullendeContactInfo { LEFT:8px; POSITION:absolute; TOP:4px; HEIGHT:16px; width:355px;}
#AddEditManager #h1ManagerTitle { LEFT:8px; POSITION:absolute; TOP:8px; width:500px; }
#AddEditManager #h1OrganisationLink { LEFT:8px; POSITION:absolute; TOP:4px; width:270px; }
#AddEditIntern #divTitel { LEFT:8px; POSITION:absolute; TOP:8px; width:500px; }
#AddEditIntern #ModulesAuthor { LEFT:8px; POSITION:absolute; TOP:4px; width:340px; }
#AddEditIntern #ManualsTitle { LEFT:8px; POSITION:absolute; TOP:4px; width:340px; }
#EnterSettings #h1Settings { WIDTH:680px; POSITION:absolute; HEIGHT:21px; }
#EnterSettings #lblParticipantPortal { LEFT:715px; POSITION:absolute; TOP:15px; width:250px;}
#EnterSettings #lblGeneralSettings { LEFT:715px; POSITION:absolute; TOP:328px; width:250px;}
#EnterSettings #lblManagersPortal { LEFT:715px; POSITION:absolute; TOP:608px; width:250px;}
#EnterSettings #lblAuthorsPortal { LEFT:715px; POSITION:absolute; TOP:768px; width:250px;}
#EnterSettings #lblAdminportal { LEFT:715px; POSITION:absolute; TOP:840px; width:250px;} 
#ImportExport #divExport .GridName { width:100%; }
#divTopIconsAdmin { position:absolute; top:17px; left:860px; width:120px; }

#TrainingRequests #DivFilterByProfile { position:absolute; top:212px; height:20px; left:490px; width:300px; z-index:100;}
#TrainingRequests #DivFilterMyTrainingRequests { position:absolute; top:212px; height:20px; left:355px; width:300px; z-index:100;}
#TrainingRequests .TRState { color: gray; padding-bottom: 20px; }
#TrainingRequests #divTrainingRequests { height:100%; overflow-y:scroll; }
#TrainingRequests #DivDetails { height:100%; overflow-y:scroll; }





/* Controls */
/* pwx-homesection: gebruikt in het midden op de homepage van de deelnemer, manager en trainer */
.pwx-homesection {  }