/*==========================*/
/* Gerrit Sol CSS Stylesheet */
/*==========================*/

* {margin: 0;padding: 0}

BODY
{
	font-weight: normal;
	text-justify: auto;
	font-size: 14px;
	word-spacing: normal;
	text-transform: none;
	color: #ddddff;
	line-height: 1.5em;
	font-family: Georgia, 'serif';
	letter-spacing: normal;
	background-color: #000022;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT, .ClassH1, .ClassH2, .ClassH3, .ClassH4, .ClassH5
{
    COLOR: #DDDDFF;
    margin-top:16px;
    margin-bottom:8px;
}

H1, .ClassH1{
	font-weight: bold;
	font-size: 2em;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	font-family: Georgia, 'serif';
	letter-spacing: normal;
	text-decoration: none;
	}	
		
H2, .ClassH2{	
	font-family: Georgia, 'serif';
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3, .ClassH3{	
	font-family: Georgia, 'serif';
	font-size:	1.58em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

H4, .ClassH4{	
	font-family: Georgia, 'serif';
	font-size:	1.33em;
	font-weight:	700;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, .ClassH5{	
	font-family: Georgia, 'serif';
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6, .ClassH6{	
	font-family: Georgia, 'serif';
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	12px;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	12px;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, sans-serif;
	}	

TD	{
	vertical-align:middle;
	padding:0px;
	margin:0px;
	}

TABLE	{
	padding:0px;
	margin:0px;
	border:0px;
	font-size:12px;
	}

A:link	{	
	text-decoration:	none;
	color: blue;
	}	
		
A:visited	{	
	text-decoration:	none;
	color: blue;
	}
		
A:hover	{	
	text-decoration:	underline;
	color: blue;
	}
		
A:active	{	
	text-decoration:	none;
	color: blue;
	}	
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

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-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border:0px;
	}
	
DIV	{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

SPAN	{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

IFRAME{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow-y:visible;
}

/*=======================*/
/*SisoSite DefaultClasses*/
/*=======================*/

/*Layout Classes*/

/*Layout 1: 'Fixed3Columns'*/
.F3CHolder{position:relative;width:100%;overflow:visible;border:0px solid black;
	/*background-image:url(http://localhost/SisoSite10/images/backdrive.jpg);*/background-repeat:no-repeat}
	.F3CHeaderSet{display:none;width:100%;text-align:center;z-index:2}
		.F3CHeader{display:none;position:relative;width:779px;height:0px;overflow:visible;margin-left:auto;margin-right:auto;text-align:left}
	.F3CBodySet{width:100%;text-align:center;z-index:2;overflow:visible;position:relative}
		.F3CBodyTop{margin-top:16px;z-index:10;position:relative;width:779px;height:28px;overflow:visible;
			margin-left:auto;margin-right:auto;text-align:left;border-bottom:1px solid #8888aa}
		.F3CBody1{display:none}
		.F3CBody2{margin-top:0px;z-index:9;position:relative;width:779px;overflow:visible;
			margin-left:auto;margin-right:auto;text-align:left}
		.F3CBody3{clear:both}
		.F3CBodyBottom{display:none;clear:both;width:779px;height:1px;overflow:hidden}
	.F3CFooterSet{display:none;width:100%;text-align:center;z-index:2}
		.F3CFooter{display:none;z-index:8;position:relative;width:779px;height:32px;overflow:visible;margin-left:auto;margin-right:auto;text-align:left}

/*Layout 2: 'FullFreeForm'*/
.FFFHolder{position:relative;width:100%;height:100%;overflow:visible}

/*Menu*/

.MenuItem{
	/*background-image:url(http://www.sisoschool.nl/TSImages/TSMenuBackground.gif);*/
	background-repeat:repeat-x;
	background-color:transparent;
	background-position:bottom;
	/*width:120px;*/
	height:20px;
	padding:4px;
	padding-left:12px;
	padding-right:16px;
	font-size:14px;
	font-weight:bold;}

.MenuItemOver{
	background-image:none; /*url(http://www.sisoschool.nl/TSImages/TSMenuBackgroundOver.gif);*/
	background-repeat:repeat-x;
	background-color:transparent;
	/*width:120px;*/
	height:20px;
	padding:4px;
	padding-left:12px;
	padding-right:16px;
	font-size:14px;
	font-weight:bold;}

.MenuItemSub{
	/*background-image:url(http://www.sisoschool.nl/TSImages/TSMenuBackground.gif);
	background-repeat:repeat-x;*/
	background-color:transparent;
	background-position:bottom;
	/*border:blue 1px solid;*/
	/*width:164px;*/
	height:20px;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	font-size:14px;
	font-weight:bold;}

.MenuItemSubOver{
	/*background-image:url(http://www.tigerstop.sisosite.nl/TSImages/TSMenuBackgroundOver.gif);
	background-repeat:repeat-x;*/
	background-color:transparent;
	/*border:blue 1px solid;*/
	/*width:164px;*/
	height:20px;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	font-size:14px;
	font-weight:bold;}

.MenuTableClass
{
	margin-left: 0px;
	font-family: Georgia;
}

.SubMenuClass{
	background-color:#000033;
	border: 1px #ddddff outset;
	z-index:200;
	/*width:164px;*/}
	
/*Selectors*/

.LangSelDefaultDivContainer{position:absolute;top:32px;left:25px;z-index:100;overflow:hidden;width:100px;font-weight:bold;}
.LangSelDefaultDivSelBox{width:100px;font-weight:bold;}
.LangSelPre{padding-left:3px;font-weight:normal;font-size:11px}

.SkinSelDefaultDivContainer{}
.SkinSelDefaultDivSelBox{}
.SkinSelPre{}

/*Search*/

.SearchDefaultDivContainer{}
.SearchDefaultDivBox{width:128px}
.SearchDefaultDivButton{width:128px}

/*User login*/

.UserLogin{
	position:absolute;
	right:12px;
	bottom:0px;
	z-index:100;
	overflow:hidden;
	width:300px;
	text-align:right;
	font-size:12px;
	/*font-family:Arial;*/
	font-weight:bold;
	color:#000022}

.UserLogout{
	position:absolute;
	right:12px;
	bottom:0px;
	z-index:100;
	overflow:hidden;
	width:300px;
	text-align:right;
	font-size:12px;
	/*font-family:Arial;*/
	font-weight:bold;
	color:#DDDDFF}

.UserLoginLink:link{color: #000022;text-decoration:none}
.UserLoginLink:visited{color: #000022;text-decoration:none}
.UserLoginLink:active{color: #000022;text-decoration:none}
.UserLoginLink:hover{color: #8888ff;text-decoration:none}

.UserLogoutLink:link{color: #DDDDFF;text-decoration:none}
.UserLogoutLink:visited{color: #DDDDFF;text-decoration:none}
.UserLogoutLink:active{color: #DDDDFF;text-decoration:none}
.UserLogoutLink:hover{color: #8888ff;text-decoration:none}

.UserLogDefaultI{padding:8px;text-align:center;margin-top:75px;z-index:100}
.UserLogDefaultITitle{text-align:center;font-weight:bold;font-size:medium;margin-bottom:8px}
.UserLogDefaultIBox{width:512px;padding:16px;border:0px;background-color:transparent}

.UserLogDefaultG{width:100%;padding:8px;text-align:center;margin-top:75px}

/*Validation*/
	
#tooltip{
	border-right: black 1px solid;
	border-top: black 1px solid;
	visibility: hidden;
	font: statusbar;
	border-left: black 1px solid;
	color: black;
	border-bottom: black 1px solid;
	background-color: lightyellow;}
	
.ValStar{
	cursor: help;
	color: red;
	font-family: Monospace;
	vertical-align:top;
	font-weight:bold;
	font-size:150%}

.TT{
	color:black;
	background-color:lightyellow;
	border:1px solid black;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	Filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#888888, OffX=1, OffY=1, Positive=1)}

/*EditSelection*/

.TSEditSelectionTable{
	border:1px lightyellow outset;
	background-color:lightyellow;}

.TSEditSelectionBox{
	width:128px;	
	height:120px;
	margin:5px;
	margin-top:0px}

.TSEditSelectionBoxWide{
	width:256px;	
	height:120px;
	margin:5px;
	margin-top:0px}
	
.TSEditSelectionButton{
	width:100px;	
	height:28px;}


/*TreeRefDrag*/

.TreeRefDrag{
	clear:both;
	float:left;
	border:1px transparent solid;
	background-color:transparent;
	padding:1px;padding-left:3px;padding-right:3px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.TreeRefDragOver{
	clear:both;
	float:left;
	border: #aaaaff 1px outset;
	/*color:blue;*/
	background-color: #4444bb;
	padding:1px;padding-left:3px;padding-right:3px;
	cursor:hand;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
	
.TreeRefDragMove{
	border:1px transparent outset;
	background-color:transparent;
	padding:1px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	opacity: .5;
	filter: alpha(opacity=50);
}

.TreeRefDragContent
{
	vertical-align:top;
	padding:0px 4px 2px 18px;
	background-position: 0px 2px;
	background-repeat:no-repeat;
	background-image:url(http://localhost/SisoSite10/images/IconArrowRight.gif);	
}

.TreeRefDragRoot{
	clear:both;
	padding:1px;
	padding-left:3px;
	border:1px transparent solid;
	background-color:transparent;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.TreeRefDragRootMatch{
	clear:both;
	padding:1px;
	padding-left:3px;
	border:1px #aaaaff outset;
	background-color:#4444bb;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor:hand
}

/* sisoCalendar */

.sisoCalHolder{
	border:1px outset #AAAAAA}
	
.sisoCalTable{
color:#222288;
position:absolute;
border-collapse:collapse;
background:#F0FAFF;}

.sisoCalMonth{
font:bold 13px Arial;padding:1px;padding-top:2px}

.sisoCalDayTitle{
background:#F0FAFF;
font:12px Arial;font-weight:bold;
text-align:center}

.sisoCalDay{
	background-color: #c8e6ff;
	background-image:url(http://www.sisoschool.nl/TSImages/TSMenuBackground.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #F0FAFF;
	padding: 2px;
	width: 22px;
	height: 20px;
	font-weight:bold;
	text-align: center;}

.sisoCalDaySelected{
background:lightskyblue;
padding:2px;
width:22px;
height:20px;
text-align:center;
font-weight:bold;
border:1px solid #F0FAFF;
}

.sisoCalDayOver{
background:#FFFFAA;
padding:2px;
width:22px;
height:20px;
text-align:center;
cursor:pointer;
font-weight:bold;
border:1px solid #F0FAFF;
}

.sisoCalDayNot{
background:#F0FAFF;
color:lightskyblue;
padding:2px;
width:22px;
height:20px;
text-align:center;
font-weight:bold;
border:1px solid #F0FAFF}

.sisoCalDayEmpty{
background:#F0FAFF;
width:20px;
height:2px;
overflow:hidden;
border:0px solid #F0FAFF}

.sisoCalClose{font-weight:bold;padding-bottom:2px}
.sisoCalCloseOver{cursor:pointer;font-weight:bold;padding-bottom:2px;color:dodgerblue;text-decoration:none}

.sisoCalTimeBox{width:40px}

.SpanVar{display:-moz-inline-box;display:inline-block;vertical-align:baseline;padding-bottom:2px}
.Span80{display:-moz-inline-box;display:inline-block;width:80px;vertical-align:baseline;padding-bottom:2px}
.Span100{display:-moz-inline-box;display:inline-block;width:100px;vertical-align:baseline;padding-bottom:2px}
.Span120{display:-moz-inline-box;display:inline-block;width:120px;vertical-align:baseline;padding-bottom:2px}
.Span150{display:-moz-inline-box;display:inline-block;width:150px;vertical-align:baseline;padding-bottom:2px}
.Span200{display:-moz-inline-box;display:inline-block;width:200px;vertical-align:baseline;padding-bottom:2px}
.Span400{display:-moz-inline-box;display:inline-block;width:400px;vertical-align:baseline;padding-bottom:2px}

.SpanSmall{display:-moz-inline-box;display:inline-block;width:80px;vertical-align:baseline;padding-bottom:2px}
.SpanMedium{display:-moz-inline-box;display:inline-block;width:120px;vertical-align:baseline;padding-bottom:2px}
.SpanLarge{display:-moz-inline-box;display:inline-block;width:200px;vertical-align:baseline;padding-bottom:2px}

.HRDiv {font-size:0px;line-height:0px;width:100%;height:0px;border-top:1px solid #DDDDFF;margin-top:8px;margin-bottom:8px} 

.Button100{font-weight:bold;width:100px;height:32px;text-align:center;border:2px outset;background-color:#ddddff;behavior:url('javascripts/hover.htc');}
.Button100:hover{background-color:#eeeeff}
.hoverButton100{background-color:#eeeeff}

.SpanOver{color:#8888ff;behavior:url('javascripts/hover.htc');}
.SpanOver:hover{color:#eeeeff;cursor:hand}
.hoverSpanOver{color:#eeeeff;cursor:hand}

/*Site-specific: GerritSol*/
.GSImg400{width:400px;border:4px solid #aa0040}
.GSImg500{width:500px;border:4px solid #aa0040}

.GSImgT125{width:125px;border:3px solid #326070;behavior:url('javascripts/hover.htc');}
.GSImgT125:hover{width:125px;border:3px solid #aa0040;cursor:hand}
.hoverGSImgT125{width:125px;border:3px solid #aa0040;cursor:hand}

.GSImgT125Sel{width:125px;border:3px solid #aa0040;behavior:url('javascripts/hover.htc');}
.GSImgT125Sel:hover{width:125px;border:3px solid #aa0040;cursor:hand}
.hoverGSImgT125Sel{width:125px;border:3px solid #aa0040;cursor:hand}

.GSImgT140{width:140px;border:3px solid #326070;behavior:url('javascripts/hover.htc');}
.GSImgT140:hover{width:140px;border:3px solid #aa0040;cursor:hand}
.hoverGSImgT140{width:140px;border:3px solid #aa0040;cursor:hand}

.GSImgT140Sel{width:140px;border:3px solid #aa0040;behavior:url('javascripts/hover.htc');}
.GSImg140Sel:hover{width:140px;border:3px solid #aa0040;cursor:hand}
.hoverGSImg140Sel{width:140px;border:3px solid #aa0040;cursor:hand}

.GSIcon{float:left;border:1px solid #326070;margin-right:12px;margin-top:2px}

.GSSubLink:link{font-weight:normal;font-size:12px;margin-right:20px;color: #bb1160;text-decoration:none}
.GSSubLink:visited{font-weight:normal;font-size:12px;margin-right:20px;color: #bb1160;text-decoration:none}
.GSSubLink:active{font-weight:normal;font-size:12px;margin-right:20px;color: #bb1160;text-decoration:none}
.GSSubLink:hover{font-weight:normal;font-size:12px;margin-right:20px;color: #8888ff;text-decoration:none}
.GSSubLinkCurrent:link{font-weight:normal;font-size:12px;margin-right:20px;color: #8888ff;text-decoration:none}
.GSSubLinkCurrent:visited{font-weight:normal;font-size:12px;margin-right:20px;color: #8888ff;text-decoration:none}
.GSSubLinkCurrent:active{font-weight:normal;font-size:12px;margin-right:20px;color: #8888ff;text-decoration:none}
.GSSubLinkCurrent:hover{font-weight:normal;font-size:12px;margin-right:20px;color: #8888ff;text-decoration:none}

.GSSisowebLink:link{position:absolute;bottom:0px;right:8px;color:#332288;text-decoration:none;font-size:10px}
.GSSisowebLink:visited{position:absolute;bottom:0px;right:8px;color:#332288;text-decoration:none;font-size:10px}
.GSSisowebLink:active{position:absolute;bottom:0px;right:8px;color:#332288;text-decoration:none;font-size:10px}
.GSSisowebLink:hover{position:absolute;bottom:0px;right:8px;color:#5544dd;text-decoration:none;font-size:10px}