/*
Kleur oranje voor lenks en knoppen: FF8600
Kleur oranje voor kaders en balk onderin: FFA218
Kleur cyaan voor balk bovenin (onder logo): 42BEF7
Kleur voor scheidingslijntjes: C3E3F0 LET OP: scheidingslijntjes die in hetzelfde onderwerp staan 1 pixel. Als 2 onderwerpen gescheiden worden 2 pixels (zie vb3.png)
Kleur teksten kopjes en body die geen andere kleurdefinitie hebben: 000000
*/

   body,td  {color:#000000;font-family:arial;font-size:9pt;margin:0px}
   h1 {font-size:16pt;color:#FF8600}
   h2 {font-size:14pt;color:#FF8600}
   .title {color:black}
   .question {margin-top:7px;padding-bottom:4px;margin-left:0px;margin-right:20px;border-bottom-style:solid; border-bottom-width:1px;border-bottom-color:#BDE0EE}
   .questiontag {padding-right:4px;font-weight:bold}
   .questiontext {font-weight:bold;color:#595959}
   .moduletag {padding-right:4px}
   .module {margin-left:20px}
   .moduletitle {font-family:arial;font-size:14pt;color:#FF8600;font-weight:normal}
   .small {font-size:8pt;padding-left:7px}
   .warning {color:red}
   .textfield {border-style:solid;border-color:#FFA218;border-width:1px}
   .qtextfield {border-style:solid;border-color:#FFA218;border-width:1px;width:300px}
   select {border-style:solid;border-color:#FFA218;border-width:1px}
   .memofield {border-style:solid;border-color:#FFA218;border-width:1px;width:80%;height:100px}
   .comment {font-style:normal}
   td.scale {text-align:center;width:50px}
   td.scalevalues {font-size:8pt}
   tr.scaleheader {background-color:#42BEF7} 
   tr.scalefooter {background-color:#D6EFFF} 
   
.hilite
{
	color:#FF8600;
}   
   
a
{
	text-decoration:none;
	color:#FF8600;
}   

a:hover
{
	text-decoration:underline;
}

a.agenda
{
	color:black;
}


.button
{
	background-color:#FF8600;
	color:#FFFFFF;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
	cursor: pointer;
}

.bottombutton
{
	background-color:#FFA218;
	color:#FFFFFF;
	font-weight:bold;
	border-style:none;
	border-width:0px;
	cursor: pointer;
	height:18px;
}
   
.description   
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C6E3F7;
	padding-bottom:10px;
	margin-bottom:10px;
	
}

#header
{
      position:absolute;
      left:0px;
      width:100%;
      top: 0px;
      height:75px;
      background-color:#FFFFFF;
      vertical-align:top;

}

#topbuttonbar
{
	position:absolute;
	left:0px;
	width:100%;
	top:45px;
	height:20px;
}

#titlebar
{
	position:absolute;
	left:0px;
	width:100%;
	top:65px;
	height:20px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
}

#title
{
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left:300px;
	top:18px;
	font-size:12pt;
	margin-top:0px;
}

#logout
{
	position:absolute;
	top:0px;
	right:10px;
	font-weight:bold;
    color:#FFFFFF;
	border-style:none;
	border-width:0px;
	border-color:#FFFFFF;	
	cursor: pointer;
}

#homebutton
{
	position:absolute;
	top:0px;
	right:100px;
	font-weight:bold;
    color:#FFFFFF;
	border-style:none;
	border-width:0px;
	border-color:#FFFFFF;	
	cursor: pointer;
}


#content
{
      position:absolute;
      left:0px;
      top:75px;
      right:0px;
      bottom:52px;
      /*width: expression(document.body.clientWidth);*/
      /*height: expression(document.body.clientHeight-127);*/
      background-color:#FFFFFF;
	  padding:25px;
      overflow:auto;
}

#contenttitle
{
	font-family:arial;
	font-size:14pt;
	color:#FF8600;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}


#footer
{
      position:absolute;
      left:0;
	  right:0px;
      /*width:100%;*/
      bottom:0%;
      height:52px;
      background-color:#FFFFFF; /*#FDA11C;*/
      vertical-align:top;
	  border-top-style:solid;
	  border-top-width:1px;
	  border-top-color:#AFAFAF;
}

#buttons
{
   position:absolute;
   top:5px;
   right:25px;
   /*width:100%;*/
   left:25px;
   text-align:left;
}

#poweredby
{
	position:absolute;
	bottom:0px;
	height:20px;
	left:0px;
	right:0px;
	background-color:#FFA218;
	text-align:right;
}

#homelink
{
	position:absolute;
	top:0px;
	left:4px;
}

#progress
{
	position:absolute;
	top:47px;
	left:75px;
	color:#FFFFFF;
	font-weight:bold;
}

td.datacell
{
	border-style:solid;
	border-width:1px;
	border-color:silver;
}

.email
{
	width:250px;
}

.error
{
	font-family:verdana,arial;
	font-size: 12pt;
	font-weight:bold;
	color:red;
	border-style:double;
	border-width:3px;
	border-color:red;
	padding:3px;
}

#phasedetails
{
	border-style:solid;
	border-width:1px;
	border-color: silver;
	margin-bottom:10px;
}

#testarea
{
	border-style:double;
	border-width:3px;
	border-color:red;
}

/* agenda */
.agendaheader
{
	color:white;
	font-weight:bold;
	font-size:9pt;
}

.agendaicon
{
	margin-right:3px;
}

.acltop
{
	background-color:#47BDF3;
}

.aclbottom
{
	background-color:#FDA11C;

}

.aclpast
{
	background-color:#D1EEFC;

}

.acloverdue
{
	background-color:#FFE7C7;
}

.aclfuture
{
	background-color:#F5F5F5;
	color:#B4B4B4;
}

.acldisabled
{
	color:#B4B4B4;
}

.aclcurrent
{
	background-color:#FFFFFF;
}

.aphase
{
	font-weight:bold;
}

/* agenda action indent */
.aindent0
{
	margin-left:0px;
}

.aindent1
{
	margin-left:20px;
}

/* agenda table grid */
.agridb
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
}

.agridr
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#FFFFFF;
}

.agridl
{
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#FFFFFF;
}


/* testing */
#testing
{
	background-color:#FFFFF0;
	border-style:dotted;
	border-width:1px;
	margin:10px;
}

.todo
{
	background-color:yellow;
	color:red;
}


/* lines */
.topline
{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#BDE0EE;
}

.bottomline
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#BDE0EE;
}


hr
{
	height:1px;
	color:#BDE0EE;
}