/* ----------(        WAX FTP-ZONE : RESET        ) ---------------- */
	html {
		height: 100%;
		margin-bottom: 1px;
	}
	
	body, 
	h1, h2, h3, h4, h5, h6,
	div, p,
	form, input, select, textarea, legend,
	table, tr, th, td {
		margin: 0;
		padding: 0;
	}
	
/* ----------(       WAX FTP-ZONE : MAIN         ) ---------------- */

	body {
		background: #FFF url(../images/layout/bgHeader.gif) repeat-x top left;
		font: normal 12px/14px Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
	
	a {
		color: #4F81BD;
		overflow:hidden;
		outline: none;
	}
	
	a:hover {
		color: #C0504D;
	}
	
	a img {
		border: 0;
	}
	
	div#wrapper {
		width: 990px;
		text-align: left;
	}		
	
	div#contentBody {
		padding: 50px;
		width: 900px;
	}
	
	div#content {
		position: relative;
	}
	
	div#footer {
		position: fixed;
		left: 0;
		bottom: 0;
		height: 21px;
		background: red;
		width: 100%;
		background: #FFF url(../images/layout/bgFooter.gif) repeat-x 0 -1px;
		
		/* "position:fixed" fix for IE */
		_position: absolute;
		_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? 
				documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight) : 
				document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	}
	
	#footer #wax {
		display: block;
		height: 18px;
		width: 86px;
		background: transparent url(../images/layout/ftWax.gif) no-repeat 0 0;
		text-indent: -9999px;
		margin: 4px 10px 0 10px;
		float: right;
		
		display: none; /* disabling per request by Gramma */
	}
	
	#footer #wax:hover {
		background-position: 0 -19px;
		
		display: none; /* disabling per request by Gramma */
	}
	
	.hide {
		display: none;
	}
	.selected { background-color: #FFFF99; }
	
/* ----------(      WAX FTP-ZONE : NAVIGATION     ) ---------------- */

	div#header {
		height: 109px;
		width: 100%;
		position: relative;		
	}
	
	#header h1 {
		text-indent: -9999px;
		background:transparent url(../images/layout/logo-bolton.png) no-repeat scroll left top;
		display:block;
		height:92px;
		width:300px;		
		_background: none; /* Hier zetten we de background op none voor IE */
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/layout/logo-bolton.png'); /* En hier plaatsen we een filtertje voor IE */		
	}
	

	ul#navigation {
		margin: 0;
		padding: 0;
		width: 970px;
		height: 24px;
		position: absolute;
		left: 20px;
		bottom: 0px;
		_bottom: -1px;
	}
	
	ul#navigation li.left {
		list-style-type: none;
		display: block;
		height: 24px;
		width: 93px;
	}

	ul#navigation li.left{
		float: left;
		padding: 0 4px 0 0;
	}
	
	ul#navigation a, ul#navigation a:visited{
		display: block;
		width: 93px;
		height: 24px;
		line-height: 24px;
		background: transparent url(../images/blank.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
	
	ul#navigation a:hover, ul#navigation a:active{
		background: transparent url(../images/blank.gif) no-repeat 0 -24px;
	}
	
	img#userlogo {
		position: absolute;
		top: 5px;
		left: 775px;
	}		
	
/* -------(      WAX FTP-ZONE : NAVIGATION : MENU ITEMS    ) --------- */
	
	
	ul#navigation a#file {
		background-image: url(../images/menu/mnuUpload.gif);
	}	
	
	ul#navigation a#folder {
		background-image: url(../images/menu/mnuFolder.gif);
	}
	
	ul#navigation a#logout {
		background-image: url(../images/menu/mnuLogout.gif);
	}
	
	ul#navigation a#printer {
		background-image: url(../images/menu/mnuTutorial.gif);		
	}
	
	ul#navigation a#ftpzone {
		background-image: url(../images/menu/mnuFtp.gif);			
	}
	
	body#b_ftpzone ul#navigation a#ftpzone {
		background-position:0pt -48px;
	}
	
	body#b_printer ul#navigation a#printer {
		background-position:0pt -48px;
	}			

	
/* ----------(       WAX FTP-ZONE : TITLES        ) ---------------- */

	h1 {
		font: bold 18px/26px Arial;
	}
	
	h2 {
		font: bold 16px/24px Arial;
		margin-top: 10px;
	}	
	
	h2.title, h3.title {
		background: url(../images/blank.gif) no-repeat 0% 50%;					
		padding: 5px 0px 5px 20px;
		cursor: pointer;
		_width: 90%;
	}
	
	h3 {
		font: bold 14px/20px Arial;
	}
	
	h3 em {
		color: #CCC;
	}
	
	h4 {
		font: bold 12px/16px Arial;
	}
	
/* ----------(        WAX FTP-ZONE : LISTINGS        ) ---------------- */

	ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	ul#dir_list, ul#files_list {
		margin:0pt;
		padding:5px;
		width:450px;		
	}
	
	ul#files_list { margin-top: -12px; }

	ul#dir_list li, ul#files_list li {	
		border:1px solid #CCCCCC;
		display:block;
		height:22px;
		margin:6px 0pt;
		padding: 5px 0 0 10px;
	}
	
 	ul#files_list li:hover,  ul#dir_list li:hover{
		background:#FFFF66 none repeat scroll 0%;
	}	
	
	img.dirIcon {
		width: 15px;
		height: 13px;		
		padding-right: 10px;
	}
	
	img.fileIcon {
		width: 15px;
		height: 13px;		
		padding-right: 10px;
	}	
	
	ul#dir_list li a.delete, ul#files_list li a.delete {		
		background:transparent url(../images/icons/icnDelete.gif) no-repeat scroll 0pt 2px;	
		position: absolute;
		width:auto;	
		left: 470px;
		margin-top: -2px;

		overflow:hidden;
		padding:0pt 0pt 20px 20px;
		position: absolute;
		text-indent:-9999px;
		white-space:nowrap;
		z-index:2;
		_text-indent: 0px;
		_background: none;
		_left: 430px;
		_margin-top: 0px;
	}
	
	a#back {
		position: absolute;
		margin-top: -20px;
		padding:0pt 0pt 20px 20px;		
		text-indent: -9999px;
		background:transparent url(../images/icons/icnBack.gif) no-repeat scroll 0pt 2px;	
		_text-indent: 0px;
		_background: none;		
	}

/* ----------(        WAX FTP-ZONE : FORMS        ) ---------------- */

	label {
		display: block;
		margin: 10px 0 2px 0;
	}
	
	fieldset {
		border: 0;
		padding: 0 0 10px 0;
	}
	
	input.text, label.textfield, select {
		height: 16px;
		width: 240px;
		border: 1px solid #CCC;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		background: #FFF;
	}
	
	textarea {
		width: 240px;
		height: 100px;
		border: 1px solid #CCC;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		background: #FFF;	
	}
	
	.button {
		display: block;
		font: normal 12px/22px Arial, Helvetica, sans-serif;
		height: 22px;
		background: #E9E8E8 url(../images/blank.gif) no-repeat 5px 4px;
		margin-top: 10px;
		padding: 3px 10px 3px 10px;
		border: 3px double #999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		color: #333;
		text-decoration: none;		
	}
	
	input.button {
		height: 34px;
	}

	.button:active {
		background-color: #f4f4f4;
		border: 3px double #ccc;
		border-left-color: #999;
		border-top-color: #999;
	}
	
	#loginform {
		background:#FAFAFA none repeat scroll 0%;	
		width: 400px;
		border: solid 1px;
		padding: 20px;
	}
	
	#loginForm label {
		float: left;
		clear: both;
		width: 100px;	
		margin: 0;
		margin-top: 10px;			
	}
	
	#loginForm input {
		float: left;
		width: 200px;
		height: 20px;
		margin: 0;
		margin-top: 10px;				
	}
	
	#loginForm .button {
		margin-top: 20px;
		height: 40px;
		width: 100px;
	}

/* ----------(        WAX FTP-ZONE : MAIN BLOCKS         ) ---------------- */	

	div#listingBlock {
		width: 600px;
		float: left;
	}
	
	div#commentsBlock {
		float: left;
		margin-top: -15px;
	}
	
	div#comments {
		padding: 10px;
		_height: 75px;
		min-height: 75px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: solid 1px;
		background:#FAFAFA none repeat scroll 0%;		
		width: 250px;
	}
	
	div#comments_reply {
		padding: 0 10px;
		border: solid 1px;
		margin-top: 10px;
		background:#FAFAFA none repeat scroll 0%;
		width: 250px;		
	}
	
/* ----------(        WAX FTP-ZONE : MISC         ) ---------------- */


	.nomargin {
		margin: 0; 
	}
	
	.nopadding {
		padding: 0;
	}
	
	.noborder {
		border: 0;
	}
	
	#errormessage {
		font-weight: bold;
		color:#e50520;
	}
	
	div.contentblock {
		margin: 10px 0 10px 0;
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #CCC;
	}
	
	.nojavascript {
		font: normal 12px/18px Arial, Helvetica, sans-serif;
		height: 18px;
		padding: 5px 5px 5px 30px;
		border: 1px solid #CC6600;
		background: #FFFF99 url(../images/icons/waxinprogress.gif) no-repeat 10px 50%;
		margin: 5px 0;
		color: #333333;
		width: 400px;
	}
	
	table {
		border-collapse:collapse;
	}
	
	.pdftable td,.pdftable th {
		border: solid 1px #000;
		padding: 5px;
	}
	
	p {
		padding: 5px;
	}
	
	#breadcrumb {
		margin-top: -20px;
		padding-bottom: 10px;
		font-size: 15px;
	}
	
	#breadcrumb a#last {
		font-weight: bold;
		color: #000099;
	}