html
{
	overflow:hidden;


}

body
{
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;

	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;

		z-index:50;
}

input.ButtonSmall, input.ButtonLarge, input.ButtonHuge{
	font-family: Verdana, Arial, sans-serif;
	padding:0px;
	font-size: 11px;
	font-weight: bold;
	border: 0px;
	height: 25px;
	padding-bottom: 4px;
	margin: 5px 2px 0px 2px;}

input.ButtonSmall{
	background-image: url('../images/button_small.gif');
	width: 103px;}

input.ButtonLarge{
	background-image: url('../images/button_large.gif');
	width: 170px;}

input.ButtonHuge{
	background-image: url('../images/button_huge.gif');
	width: 250px;
	height: 25px;
}

#Main
{
	z-index:50;
}

#Main #Header
{
	background-image:url(../images/bgHead.jpg);
	background-color:#3476cd;
	background-repeat: no-repeat;

	position:absolute;
	left:0px;
	top:0px;
	width:2000px;
	height:46px;
}

#Main #Login A
{
	color:white;
}

#Main #Login
{
	position:absolute;
	left:725px;
	top:18px;
	width:275px;
	height:24px;
	color:white;
	font-size:10px;
	text-align:right;
}


#Main #HeaderFlags
{

	position:absolute;
	left:850px;
	top:0px;
	width:150px;
	height:20px;
	text-align:right;
}

#Main #BannerPart1
{
	position:absolute;
	left:0px;
	top:46px;
	width:159px;
	height:99px;
/*	background-image: url(../images/itSMF_benchmark_ani2.gif);*/
	background-image: url(../images/logo-v1-xsmall.png);
	background-repeat: no-repeat;
}

#Main #BannerPart2
{
	position:absolute;
	left:159px;
	top:46px;
	width:800px;
	height:94px; /*99px*/
/*	background-image:url(../images/bgLColum2.jpg);*/
	background-image:url(../images/gradient-xsmall.png);
	background-position: top right;
	padding: 5px 0 0 150px;
	overflow: hidden;
}

#Main #BannerPart3
{
	position:absolute;
	left:465px;
	top:66px;
	width:480px;
	height:79px;
	color:#3476CD;
	font-size: 16px;
	font-weight: bold;
	text-align:right;
}

#Main #Menutop
{
	position:absolute;
	left:159px;
	top:125px;
	width:300px;
	height:20px;
	padding-left:5px;

	color:#e44409;
}

#Main #Menutop  A
{
	padding-left:2px;
	padding-right:2px;

}

#Main #Menutop  A:hover
{
	text-decoration:underline;
}

#Main #Menu
{
	background-color:#ebebeb;
	background-repeat: no-repeat;

	position:absolute;
	padding-top:40px;
	left:0px;
	top:145px;
	width:159px;
	height:100%;
}

#Main #Menu  A
{
	display:block;
	width:139px;
	height:20px;
	padding-right:20px;
	padding-top:3px;
	padding-bottom:1px;
	text-align:right;
	text-decoration:none;
	color:black;
}

#Main #Menu  A:hover
{
	text-decoration:underline;
	background-color:#d3d3d3;
}

#Main #Menu .sub
{
	background-color:#3476cd;

	position:absolute;
	left:159px;
	width:220px;
	z-index:100;

}

#Main #Menu .sub A
{
	display:block;
	width:180px;
	height:20px;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:1px;
	text-align:left;
	text-decoration:none;
	color:white;
}

#Main #Menu .sub  A:hover
{
	text-decoration:underline;
	background-color:#5d92d9;
}


#Main #Footer
{
	position:absolute;
	width:949px;
	bottom:0px;
	left:0px;
	padding:5px;
	height:15px;
	text-align:right;
	background-color:#ebebeb;

	overflow:auto;
	color:#575757;
}

#Main #Footer a
{
	color:#575757;
}

#Main #Content
{
	z-index:-1;
	position:absolute;
	width:790px;
	top:145px;
	left:159px;
	padding:5px;
	bottom:30px;

	overflow:auto;
}

#Main #Poweredby
{
	z-index:200;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:5px;
	height:15px;
	padding-left:15px;

	overflow:auto;
	color:#575757;
	letter-spacing:1px;
}

#Main #Rightspacer
{
	position:absolute;
	left:959px;
	top:46px;
	width:800px;
	height:1000px;
	background-image:url(../images/bgBody2.gif);
}


div#loading
{
/*	font-family: Arial, Verdana, sans-serif;*/
	font-size: 8pt;
	position: absolute;
	right: 0px;
	bottom: 0px;
}


A
{
	text-decoration:none;
	color:#e44409;
}

 A:hover
{
	text-decoration:underline;

}


h1
{
	font-size:16px;
	color:#3476CD;
}
h2
{
	font-size:14px;
	color:#3476CD;
}
h3
{
	font-size:11px;
	color:#e44409;
}

h4
{
	padding: 0;
	margin: 20px 0 5px 0;
	font-size:16px;
	color:#3476CD;
	border-bottom: 2px solid #CCCCCC;
}

/* Form elements */
input, textarea
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	border-top: 1px solid #b3b5bd;
	border-left: 1px solid #b3b5bd;
	border-right: 1px solid #b3b5bd;
	border-bottom: 1px solid #cfd0d6;
	background: url(../images/input-basic.gif) top left;
}

input:active, input:focus, textarea:active, textarea:focus
{
	border-top: 1px solid #63abc7;
	border-left: 1px solid #63abc7;
	border-right: 1px solid #63abc7;
	border-bottom: 1px solid #95c9dc;
	background: white;
}

input.text
{
	font-size: 8pt;
	height: 12px;
	padding: 3px 4px 3px 4px;
}

textarea.text
{
	font-size: 8pt;
	padding: 3px 4px 3px 4px;
}

input.radio, input.checkbox
{
	border: 0;
	background: none;
}

select
{
	font-size: 8pt;
}

.required
{
	color: red;
	font-weight: bold;
}




/**
 *	Formvalidator classes
 */
input.invalid, textarea.invalid
{
	border: 1px solid red !important;
	background: #FFDDD6;
}

input.invalid:focus, textarea.invalid:focus
{
	background: white;
}

div.tmtFormMessage, div.tmtFormErrorMessage {
	border: 1px;
	border-style: solid;
	padding: 5px;
	margin: 10px;
}

div.tmtFormMessage {
	background-color: #FFF9CD;
	border-color: #FFDD47;
}

div.tmtFormErrorMessage {
	background-color: #FFDDD6;
	border-color: red;
	padding-left: 30px;
}

div.tmtFormMessage ul, div.tmtFormErrorMessage ul {
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-left: 10px;
}









/* Table column colors */

ul.icons
{
	list-style-image: url('../../data/images/starsmall.png');
}

td.coldarkpurple
{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.collightred{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.coldarkgreen{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.colpink{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.collightorange{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.collightblue{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.colyellow{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.collightgrey{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.collightgreen{
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}
td.collightorangenoborder{
	text-align: center;
	font-weight: bold;
}
td.noborder
{
	border: 0 !important;
}

.coldarkpurple
{
	background: #ff00ff !important;
}

.colpink
{
	background: #ff99cc !important;
}

.collightorange
{
	background: #ffcc99 !important;
}

.collightblue
{
	background: #ccffff !important;
}

.colyellow
{
	background: #F5FFC4 !important; /* #FFFF99;*/
}

.collightgrey
{
	background: #F8F8F8 !important;
}

.collightgreen
{
	background: #C4FF89 !important; /* #92D050*/
}

.coldarkgreen
{
	background: #92D050 !important;
}

.collightred
{
	background: #FF5B6E !important;
}
.collightorangenoborder
{
	background: #ffcc99 !important; /* #FFFF99;*/
}
.collightorangenoborder input
{
	font-weight: bold;
}


td.colcenter
{
	text-align: center;
	font-weight: bold;
}

tr.mouseover:hover
{
	background: #FFFFFF;
}

tr.rowgrey
{
	background: #CCCCCC !important; /*#ebebeb*/
	font-weight: bold !important;
}

tr.rowtotal td
{
	border-top: 1px solid black;
}

td.total
{
	border-top: 1px solid black;
	text-align: center;
}



#ListTable
{
	border:1px solid #b3b5bd;
}

#ListTable th
{
	background: #3476CD;
	color: white;
	/*text-align: left;*/
}

#ListTable tr.row1
{
	background: #DCE8F8;
}

#ListTable tr.row2
{
	background: white;
}

#ListTable .rowsp1
{
	border:1px solid black !important;
	background-color:#00FF99 !important;
}
#ListTable .rowsp2
{
	border:1px solid black !important;
	background-color:#00FF99 !important;
	font-weight:bold !important;
}
#ListTable .rowsp3
{
	border:1px solid black !important;
	background-color:#FF0033 !important;
}
#ListTable .rowsp4
{
	border:1px solid black !important;
	text-decoration:line-through !important;

}
#ListTable .rowsp5
{
	border:1px solid black !important;
	background-color:#0099FF !important;
}
#ListTable .rowsp6
{
	background-color:#000000 !important;
}
#ListTable .rowsp7
{
	border:1px solid black !important;
	background-color:#FFC869 !important;
}
#ListTable .rowsp8
{
	border:1px solid black !important;
	font-weight: bold !important;
}

table.container
{
	margin: 20px 0 50px 0;
	padding: 2px;
	border: 1px solid #b3b5bd;
	background: #DCE8F8;

}

table.container tr
{
	padding: 5px;
}

table.container tr.header
{
	margin: 20px;
	padding: 20px;
	color: white;
}

table.container tr.header td
{
	background: #3476CD;
	margin: 0px;
	padding: 4px;
	height:20px;
	border:solid #DCE8F8 0px;
	border-top:2px;

}

table.container td table,table.container td tr,table.container td td
{
	margin: 0;
	padding: 0;
}


div.questioncontainer
{
	width: 759px;
	margin: 20px 0 50px 0;
	padding: 5px;
	border: 1px solid #b3b5bd;
	background: #DCE8F8;
}

div.questioncontainerdisable
{
	opacity:0.6;
	filter:alpha(opacity=60);
}

div.questionheader
{
	margin: 0;
	padding: 3px;
	/*border-top: 1px solid #b3b5bd;*/
	/*border-bottom: 1px solid #b3b5bd;*/
	background: #3476CD;
	color: white;
}

	div.questionheader table, div.questionheader tr, div.questionheader td
	{
		margin: 0px;
		padding: 0px;
	}



div.notice, table.notice
{
	border: 1px solid red;
	margin: 5px 0;
	padding: 5px;
	background: #FFE2EE; /* #FFC6D5;*/
}

div.explain, table.explain
{
	border: 1px solid #FFDD47;
	margin: 5px 0;
	padding: 5px;
	background: #FFF9CD; /*#FFF9C1;*/
}

div.success, table.success
{
	border: 1px solid green;
	margin: 5px 0;
	padding: 5px;
	background: #D4FFC6;
}

div.failed, table.failed
{
	border: 1px solid red;
	margin: 5px 0;
	padding: 5px;
	background: #FFDDD6;
}



table.ambar
{
	padding: 6px;
	color:#3476CD;
	font-size:12px;
	font-weight: bold;

	border: 1px solid #b3b5bd;
	background: #DCE8F8;
}

table.ambar a
{
	text-decoration: underline;
	color:#3476CD;
}

table.ambar .current
{
	color:#3476CD;
	font-weight: bolder;
	font-size:14px;
}

table.ambar .done,table.ambar a.done
{
	color:#E44409;
}


#Main #Menu #userblock
{
	width:139px;
	border: 1px solid #b3b5bd;
	background: #DCE8F8;
	margin:10px;
	padding: 0px;
}

#Main #Menu #userblock A
{
	display:block;
	width:119px;
	height:20px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:1px;
	text-align:right;
	text-decoration:none;
	marging:0px;
	color:black;
}

#Main #Menu #userblock  A:hover
{
	text-decoration:underline;
	background-color:white;
}


ul.nobullets
{
	list-style: none;
	margin: 5px;
	padding: 0;
}

ul.nobullets li
{
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 10pt;
	font-weight: bold;
}

ul.nobullets li ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 20px;
}

ul.nobullets li ul li
{
	font-size: 8pt;
	font-weight: normal;
	margin: 0;
}




ul.buttonshomepage
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:773px;
	margin-top:10px;
}

ul.buttonshomepage li
{
	list-style: none;
	margin-bottom:15px;

	padding: 0;
	background: url(../images/gradient-xxsmall.png) repeat-x;
	font-size: 14pt;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	cursor:pointer;
}

ul.buttonshomepage li:hover, ul.buttonshomepage li.mouseover
{
	background: url(../images/gradient-dark-xxsmall.png) repeat-x #E3E9FF;
}

ul.buttonshomepage li img
{
	float: left;
	margin-right: 10px;
}

ul.buttonshomepage a
{
	font-size:14px;
}

ul.buttonshomepage li p
{
	margin: 0;

	display:block;
	height:48px;
	padding:8px 0px 0px 0px;
}

ul.buttonshomepage li span.info
{
	margin: 0 0 0 0px;
	font-weight: normal;
	font-size: 9pt;
	color: #666666;
}

ul.buttonshomepage li:hover span.info, ul.buttonshomepage li.mouseover span.info
{
	color: black;
}





/**
 *	Informatie buttons
 */
div.tabbar
{
	margin-bottom: 20px;
}

ul.tabs
{
	padding: 0px;
	margin: 0;
	list-style: none;
	margin-top:10px;
}

ul.tabs li
{
	display: inline;
	padding: 0;
	margin: 0;
}

ul.tabs a
{
	display: block;
	float: left;
	min-width: 75px;
	padding: 5px 5px;
	margin-right: 10px;
	color: black;
	text-decoration: none;
	background: url(../images/gradient-xxsmall.png) repeat-x;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
}

ul.tabs a:hover, ul.tabs li.active a
{
	background: url(../images/gradient-dark-xxsmall.png) repeat-x #E3E9FF;
}





div#loadingbar
{
	border: 1px solid #FFDD47;
	margin: 5px 0;
	padding: 5px;
	background: #FFF9CD;
	text-align: center;
	font-weight: bold;
}

	div#loadingbar img
	{
		padding: 10px 0 0 0;
	}

.thickborder
{
	border: 3px solid black;
	padding: 0 10px 0 20px;
	margin-bottom: 25px;
}

div.float table.container
{
	margin: 10px 0 0 0 !important;
}