html{
	height: 100%;
    margin: 0px;
	padding: 0px;
}

body{ 	
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background: #D7D7D7;
    background: url('http://www.seedarchitects.nl/img/bg.jpg') left top no-repeat #D7D7D7;
}

#language{
	position: absolute;
	left: 50%;
	top: 3px;
	margin-left: 405px;	
}

#ajaxloader{
	position: absolute;
	margin-left: 96px;
	margin-top: 308px;
	height: 106px;
	width: 106px;
	background: url('../img/ajaxloader.gif') center center no-repeat;	
}

#faqbody{ 	
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background: #D7D7D7;
}

	.togglers{
		margin: 0px 0px 1em 0px;
	}
	
	.elements{
		margin: 0px 0px 1em 0px;
	}

p{ margin: 0px 0px 1em 0px; padding: 0px; }
a{ color: #000000; }
.blockbg{ background-color: #ffffff; }

#debug{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 500;
    height: 400px;
    width: 212px;
    overflow: auto;
    display: none;
    border: 1px solid #ff0000;
}

#site{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 0px;
	margin-top: 0px;
	width: 0px;
	height: 0px;
	z-index: 3;
}

#container{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 0px;
	margin-top: 0px;
	width: 0px;
	height: 0px;
	z-index: 4;
    display: none;
}

#page{
    position: absolute;
    width: 298px;
    margin-top: 1px;
	margin-left: 1px;
}

    .pagecontent{
        padding: 10px;   
    }
    
    .pagecontent .din{
    	font-family: DIN, arial, helvetica, sans-serif; 
   	}
    
    h1{
    	font-family: DIN, arial, helvetica, sans-serif; 
		color: #000000;
		font-weight: bold;
		font-size: 20px;
		margin: 0px; padding: 0px;
		line-height: 20px;
   	}
   	
   	.pagecontent h1{
   		text-transform: uppercase;	
  	}
   	
   	h2{
    	font-family: DIN, arial, helvetica, sans-serif; 
		color: #B00858;
		font-weight: bold;
		font-size: 15px;
		line-height: 15px;
		margin: 0px; padding: 0px;
   	}
   	
   	.pagecontent h2{
   		text-transform: uppercase;	
  	}
   	
   	h3{
    	font-family: DIN, arial, helvetica, sans-serif; 
		color: #000000;
		font-weight: bold;
		font-size: 15px;
		line-height: 15px;
		margin: 0px; padding: 0px;
   	}
   	
   	.pagecontent h3{
   		text-transform: uppercase;	
  	}

	.login{
		color: #B00858;	
	}
	
	.login strong{
		color: #ffffff;
	}
	
	.loginput{
		background-color: #676767;
		border: 1px solid #676767;
		color: #ffffff;
		height: 15px;
	}
	
	.logingo{
		position: relative;
		top: 4px;
		left: 0px;
		border: 0px solid;
	}
	
	.searchinput{
		background: #676767;
		border: 0px solid;
		border-top: 1px solid #A0A0A0;
		border-left: 1px solid #A0A0A0;
		color: #ffffff;
		height: 16px;
	}
	
	.searchbutton{
		position: relative;
		top: 4px;
		left: -1px;
		border: 0px solid;
	}

    #media{
        position: absolute;
        margin-top: 1px;
    	margin-left: 1px;
        padding: 10px;
    }

    #pageobject{
        position: absolute;
        width: 298px;
        margin-top: 1px;
    	margin-left: 1px;
    }
    
    #page a{
        color: #B00858;
    }

#results{
    position: absolute;
    width: 308px;
    height: 414px;
    overflow: hidden;
    background: url('http://www.seedarchitects.nl/img/empty.gif');
}

	#resultcontent{
		height: 385px;
		width: 268px;
		overflow: hidden;
	}

	#scrollbar2{
		position: absolute;
		width: 12px;
		height: 415px;
		margin-left: 296px;
		visibility: hidden;
	}
	
	#scrollhandle2{
		position: absolute;
		width: 12px;
		height: 50px;
		background: url('http://www.seedarchitects.nl/img/scrollhandle.gif');
		visibility: hidden;
	}
	
	.highlight{
		color: #B00858;
	}

.empty{
	float: left;
	width: 85px;
	height: 85px;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
	overflow: hidden;
}

.block{
	position: absolute;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
	font-family: DIN, arial, helvetica, sans-serif;
}

.timeline{
    position: absolute;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
}

.timeline a{
	text-decoration: none !important; 
}

.fullblock{
	position: absolute;
	margin-top: 1px;
	margin-left: 1px;
	padding: 0px;
	font-family: DIN, arial, helvetica, sans-serif;
}

    .blockcontent{
        padding: 4px;   
    }
    
    .blockcontent a{
        text-decoration: none !important; 
    }

.block6{
	position: absolute;
	width: 297px;
	height: 191px;
    cursor: pointer;
}

    .block6 .phase1{
        position: absolute;
        width: 297px;
	    height: 191px;
        z-index: 10;  
        background-color: #000000;
    }
    
    .block6 .phase2{
        position: absolute;
        width: 297px;
	    height: 191px;
        background: url('http://www.seedarchitects.nl/img/empty.gif');
        display: none;
        z-index: 9; 
    }

.block4{
	position: absolute;
	width: 191px;
	height: 191px;
	overflow: hidden;
    cursor: pointer;
}

    .block4 .phase1{
        position: absolute;
        width: 191px;
	    height: 191px;
        z-index: 10;  
        background-color: #000000;
    }
    
    .block4 .phase2{
        position: absolute;
        width: 191px;
	    height: 191px;
        background: url('http://www.seedarchitects.nl/img/empty.gif');
        display: none;
        z-index: 9; 
    }

.block2{
	position: absolute;
	width: 191px;
	height: 85px;
	overflow: hidden;
    cursor: pointer;
}

    .block2 .phase1{
        position: absolute;
        width: 191px;
	    height: 85px;
        z-index: 10;  
        background-color: #000000;
    }
    
    .block2 .phase2{
        position: absolute;
        width: 191px;
	    height: 85px;
        background: url('http://www.seedarchitects.nl/img/empty.gif');
        display: none;
        z-index: 9; 
    }

.block1{
	position: absolute;
	width: 85px;
	height: 85px;
    cursor: pointer;
	overflow: hidden;
}
    
    .block1 .phase1{
        position: absolute;
        width: 85px;
	    height: 85px;
        z-index: 10;  
    }
    
    .block1 .phase2{
        position: absolute;
        width: 85px;
	    height: 85px;
        display: none;
        z-index: 9; 
        background: url('http://www.seedarchitects.nl/img/empty.gif');
    }
    
    .block1 .phase2{
    	text-decoration: none !important;
    }

.block0{
	position: absolute;
	width: 85px;
	height: 85px;
    cursor: pointer;
	overflow: hidden;
}

    .block0 .phase0{
        position: absolute;
        width: 85px;
	    height: 85px; 
        background: url('http://www.seedarchitects.nl/img/dot.png') center center no-repeat;
        z-index: 11;  
	}
    
    .block0 .phase1{
        position: absolute;
        width: 85px;
	    height: 85px;
        z-index: 10;  
        display: none;
    }
    
    .block0 .phase2{
        position: absolute;
        width: 85px;
	    height: 85px;
        display: none;
        z-index: 9; 
    }

.button{
    position: absolute;
	width: 106px;
	height: 106px;
    cursor: pointer;
	overflow: hidden;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
}

.disabledbutton{
    position: absolute;
	width: 106px;
	height: 106px;
	overflow: hidden;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
}

	.greydot{
		position: absolute;
		z-index: 20;
		margin-top: 36px;
		margin-left: 36px;
	}

    .buttoncontent{
		position: absolute;
        color: #ffffff;
        font-family: DIN, arial, helvetica, sans-serif;
        font-size: 10px;
        text-align: center;
        width: 85px;
        margin-top: 67px;
        z-index: 20; 
	}

	.button .phase1, .disabledbutton .phase1{
        position: absolute;
        width: 85px;
	    height: 85px;
        z-index: 10;  
        background-color: #000000;
    }
    
    .button .phase2, .disabledbutton .phase2{
        position: absolute;
        width: 85px;
	    height: 85px;
        display: none;
        z-index: 9; 
         background-color: #B00858;
    }
    
    .button .transparent{
    	background: none !important;
    }
    
    .button .phase1.active1, .disabledbutton .phase1.active1{
        background-color: #666666;
    }
    
    .button .phase2.active1, .disabledbutton .phase2.active1{
        background-color: #000000;
    }
    
    .button .phase1.active2, .disabledbutton .phase1.active2{
    	background-color: #999999;
    }
    
    .button .phase2.active2, .disabledbutton .phase2.active2{
        background-color: #000000;
    }

#logo{
    position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	margin-left: -43px;
	margin-top: -43px;
	width: 86px;
	height: 96px;
	background: url('http://www.seedarchitects.nl/img/logo_B00858.png') top left no-repeat;
}

.logo{
    position: absolute;
    padding: 10px;
	margin-top: 1px;
	margin-left: 1px;
	padding-bottom: 0px;
	cursor: pointer;
}

.back{
    position: absolute;
	width: 106px;
    height: 106px;
	cursor: pointer;
}

#bg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #000000;
	display: none;
}

#grid{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	z-index: 100;
}
    .gridhor{
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 0px;
        width: 100%;
        height: 1px;
        font-size: 1px;
        background: url('http://www.seedarchitects.nl/img/gridpoint.gif') top left repeat-x;   
        z-index: 100;
    }
    
    .gridver{
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 0px;
        width: 1px;
        height: 100%;
        font-size: 1px;
        background: url('http://www.seedarchitects.nl/img/gridpoint.gif') top left repeat-y; 
        z-index: 100;  
    }
    
#projects{
	position: absolute;
    padding: 10px;
	margin-top: 1px;
	margin-left: 1px;
	padding-bottom: 0px;
	width: 404px;
	height: 404px;
}

#projectslist{
	width: 385px;
	height: 338px;
	overflow: hidden;	
}

#projectsoptions{
	position: absolute;
    padding: 10px;
	margin-top: 1px;
	margin-left: 1px;
	padding-bottom: 0px;
	color: #B00858;
}

	#projectsoptions a{
		color: #B00858;
	}
	
	#projectsoptions .active{
		text-decoration: none;
		font-weight: bold;
	}

#scrollbar{
	position: absolute;
	width: 12px;
	background-color: #FCFCFC;
	height: 338px;
	margin-left: 373px;
	visibility: hidden;
}

#scrollhandle{
	position: absolute;
	width: 12px;
	height: 50px;
	background: url('http://www.seedarchitects.nl/img/scrollhandle.gif');
	visibility: hidden;
}

	.project_selector{
		color: #000000;
		display: block;
		padding: 2px;
		text-decoration: none;
		font-weight: bold;
		background-color: #FCFCFC;
	}
	
	.project_selector:hover{
		color: #ffffff;
		background-color: #B1B1B1;
	}

	#projects .active{
		color: #ffffff !important;
		background-color: #6C6C6C !important;
	}

#files{
	position: absolute;
    padding: 10px;
	margin-top: 1px;
	margin-left: 1px;
	padding-bottom: 0px;
	width: 404px;
}

	.divider{
		clear: both;
		font-size: 0px;
		height: 0px;
	}
	
	.divider2{
		clear: both;
		font-size: 2px;
		height: 2px;
	}

	.categorystyle{
		position: relative;
		top: -1px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 13px;
		color: #000000;	
	}
	
	.folderstyle{
		float: left;
		font-weight: bold;
		font-size: 11px;
		color: #000000;	
		margin-right: 8px;	
	}

	a.filestylelink{
		color: #B00858	}

	a.filestylelink:hover{
		color: #333333
	}

	.toggler:hover{
		color: #333333
	}

	.spacer{
		float: left;
		height: 1px;
		background: url('../img/empty.gif');
	}
	
	.expander{
		float: left;
	}

	.categories a{
		color: #B00858;
	}
	
	.categories .treecontent{
		display: block;
		overflow: hidden;
		clear: both;
	}
	
	.treecategory{
		
	}
	
	.categories .closed{
		display: none;
	}
	
	.categories .open{
		display: block;
	}
	
	.categories .hidden{
		display: none;
	}
	
	#categoriesoptions{
		position: absolute;
		margin-top: 0px;
	}
	
	.categoriesoptions{
		color: #B00858;
	}

	.categoriesoptions a{
		color: #B00858;
	}
	
	.categoriesoptions a:hover{
		color: #333333;
	}

	.folder_selector{
		float: left;
		cursor: pointer;
		width: 12px;
		height: 12px;
		margin-right: 8px;
		margin-left: 8px;
		background: url('http://www.seedarchitects.nl/img/basket_selector_B00858.gif');
		text-align: center;
	}

	.basket_selector, .basket_category_selector, .basket_doctree_selector{
		float: left;
		cursor: pointer;
		width: 12px;
		height: 12px;
		margin-right: 8px;
		margin-left: 8px;
		background: url('http://www.seedarchitects.nl/img/basket_selector_B00858.gif');
		text-align: center;
	}
	
	.folder_selected{
		background: url('http://www.seedarchitects.nl/img/basket_selected_B00858.gif') !important;
	}
	
	.basket_selected, .basket_category_selected, .basket_doctree_selected{
		background: url('http://www.seedarchitects.nl/img/basket_selected_B00858.gif') !important;
	}
	
#faqsite{
	padding: 10px;	
}

.swfupload {
		position: absolute;
		z-index: 1;
	}
	
	.progressWrapper {
		width: 357px;
		overflow: hidden;
		text-align: left;
	}
	
	.progressContainer {
		margin: 5px;
		padding: 4px;
		border: solid 1px #E8E8E8;
		background-color: #F7F7F7;
		overflow: hidden;
	}
	/* Message */
	.message {
		margin: 1em 0;
		padding: 10px 20px;
		border: solid 1px #FFDD99;
		background-color: #FFFFCC;
		overflow: hidden;
	}
	/* Error */
	.red {
		border: solid 1px #B50000;
		background-color: #FFEBEB;
	}
	
	/* Current */
	.green {
		border: solid 1px #DDF0DD;
		background-color: #EBFFEB;
	}
	
	/* Complete */
	.blue {
		border: solid 1px #CEE2F2;
		background-color: #F0F5FF;
	}
	
	.progressName {
		font-size: 8pt;
		font-weight: 700;
		color: #555;
		width: 323px;
		height: 14px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.progressBarInProgress,
	.progressBarComplete,
	.progressBarError {
		font-size: 0;
		width: 0%;
		height: 2px;
		background-color: blue;
		margin-top: 2px;
	}
	
	.progressBarComplete {
		width: 100%;
		background-color: green;
		visibility: hidden;
	}
	
	.progressBarError {
		width: 100%;
		background-color: red;
		visibility: hidden;
	}
	
	.progressBarStatus {
		margin-top: 2px;
		width: 337px;
		font-size: 7pt;
		font-family: Arial;
		text-align: left;
		white-space: nowrap;
	}
	
	a.progressCancel {
		font-size: 10px;
		display: block;
		height: 14px;
		width: 14px;
		color: #ff0000;
		text-decoration: none;
		float: right;
	}