html {
        //overflow: hidden;
		
}

body {
background-color:black;
font-family:arial, sans-serif;
} 


.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

.clear{
clear:both;
}

.nohyperlinksigns{
border:none; 
text-decoration:none;
}



#downloadhighres{
width:20px;
height:20px;
position:fixed;
top:12px;
right:264px;
background-image: url("/images/download.png");
}



/* BUILDINGBUZZ - REMARKABLEFACTS */

#rf_manifestotext{
margin:20px;
font-family:arial, sans-serif;
border:1px solid gray;
padding:20px;
font-size:0.9em;
}

#rf_manifestotext p{

}



.remarkablefacts1{
background-image: url("/images/rf_label_01a.jpg");
background-repeat:repeat-x ;
position:fixed;
width:140px;
height:42px;
overflow:hidden;
  /* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.95;
}

.remarkablefacts2{
background-color:white;
background-image: url("/images/rf_label_02a.jpg");
background-repeat:repeat-x ;
position:fixed;
width:600px;
min-height:20px;
}

div.latestremarkablefacts{
background-color:white;
padding:20px;
padding-top:4px;
margin:10px;
width:auto;
overflow:hidden;
overflow-y:scroll;
}

#invitationslist{
overflow:hidden;
//overflow-y:scroll;
}

div.rf_showcase{
background-color:white;
}

div.rf_showcase a.last{
color:gray;
font-size:0.9em;
float:right;
margin:6px;

}

div.rf_showcaseitem{
background-color:white;
width:278px;
}

div.rf_showcaseitemtitle{
//background-color:#ddd;
height:10px;
overflow:hidden;
width:100%;
}

div.rf_showcaseitemtitle p.small{
text-align:center;
margin:0px;
font-style:italic;
color:#444;
//font-weight:bold;
font-size:0.9em;
}

div.rf_showcaseitem p.fact{
font-family: Georgia, Bookman Old Style, serif;
color:black;
line-height:1.2em;
margin-bottom:4px;
margin-top:0px;
font-size:0.9em;
//text-align:center;
}

div.rf_showcaseitem p.small{
font-family:arial, sans-serif;
margin-top:0px;
color:#194f97;
font-size:0.6em;
margin-bottom:0px;
}

div.rf_showcaseitemtext{
background-color:white;
padding:6px;
padding-left:10px;

background-image: url("/images/up_grad_128_light.jpg");	
border-bottom:6px solid #ddd;
}

div.rf_showcaseitemtext:hover{
background-color:white;
padding:6px;
padding-left:10px;
background-image: url("/images/up_grad_128_light_hover.jpg");	
border-bottom:6px solid #ddd;
}

div.rf_latestuplight{
padding:6px;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid #ddd;
}

div.rf_latestuplight:hover{
background-color:#e6e2d8;
}

div.rf_latestuplight2 a{
margin-top:0px;
margin-bottom:20px;
color:green;
}

div.rf_latesthead{
padding:0px;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid #ddd;
font-family:arial, sans-serif;
}

div.latestremarkablefacts p.fact{
font-family: Georgia, Bookman Old Style, serif;
color:black;
line-height:1.3em;
margin-bottom:4px;
margin-top:0px;
font-size:1.2em;
}

div.latestremarkablefacts p.fact2{
font-family: Georgia, Bookman Old Style, serif;
color:#aaa;
line-height:1.0em;
margin-bottom:4px;
margin-top:0px;
font-size:0.9em;
}

div.latestremarkablefacts p.small{
font-family:arial, sans-serif;
margin-top:0px;
color:#194f97;
font-size:0.9em;
}

#remarkablefacts a{
color:#194f97;
}

#remarkablefacts p.first{
color:#444444;
font-family:'Georgia','Bookman Old Style', serif;
font-size:1.1em;
line-height:1.4em;
margin-bottom:10px;
margin-top:30px;
margin-left:30px;
margin-right:20px;
}

#remarkablefacts p.second{
float:left;
margin:10px;
margin-top:8px;
margin-left:30px;
margin-right:20px;
font-family:Arial, sans-serif;
font-size:0.8em;
color:#888;
color:#194f97;
}

#remarkablefacts p.third{
float:right;
margin:10px;
margin-top:8px;
margin-left:30px;
margin-right:50px;
font-family:Arial, sans-serif;
font-size:0.8em;
color:#888;
}

#remarkablefacts p.fourth{

margin:10px;
margin-top:4px;
margin-left:30px;
margin-right:20px;
font-family:Arial, sans-serif;
font-size:0.8em;
font-style:italic;
color:#888;
color:#194f97;
}

#remarkablefacts h2.top{
margin:4px;
margin-right:12px;
text-align:center;
float:right;
font-family:Arial, sans-serif;
font-size:0.8em;
color:#444;
}

#remarkablefacts p.editthispost{
margin:4px;
float:left;
margin-left:30px;
font-family:Arial, sans-serif;
font-size:0.8em;
color:#888;
}

div.rf_scrollcontainer{
max-height:500px;
overflow-y:auto;
overflow-x:hidden;
border-top:1px solid #444;
}

div.rf_votebox{
margin-left:30px; 
height:32px; 
float:left;
color:#888;
font-size:0.7em;
text-align:center;
}

div.rf_votebox2 {
float:left; 
margin-left:4px;
color:#83868a;
}

div.rf_votebox2 p{
margin-left:4px;
margin-top:8px;
}

div.rf_vote{
width:36px; 
height:28px; 
border:1px solid #bac2cc; 
float:left; 
background-color:#eee;
}

div.rf_vote1:hover{
cursor:pointer;
background-image: url("/images/rf_vote1c.png");	
}

div.rf_vote2:hover{
cursor:pointer;
background-image: url("/images/rf_vote2a.png");	
}

div.rf_vote1{
background-image: url("/images/rf_vote1b.png");	
}

div.rf_vote2{
background-image: url("/images/rf_vote2.png");	
margin-left:2px; 
}

div.rf_comments{
clear:both;
background-color:#f6f6f6;
font-family:arial, sans-serif;
margin-left:60px;
margin-right:20px;
padding:10px;
padding-top:2px;
display:none;
}

div.rf_comments p.comfirst{
color:#444444;
font-size:0.8em;
margin-bottom:4px;
}

div.rf_comments p.comsecond{
margin-top:0px;
color:#194f97;
font-size:0.7em;
}

div.remarkablefactstextareacontainer{
width:auto;
padding:20px;
//border:1px solid green;
padding-bottom:40px;
background-color:#f6f6f6;
background-color:#f0f0f0;
display:none;
}

#remarkablefacts textarea{
color:#444;
background-color:white;
resize:none;
width:100%;
border:1px solid #cccccc;
margin:1px;
margin-right:30px;
}

#remarkablefacts label{
color:#aaaaaa;
font-family:arial, sans-serif;
font-size:0.8em;
}

#remarkablefacts input{
float:right;
border:1px solid gray;
margin:4px;
clear:both;
}

#remarkablefacts input.nonfloat{
float:none;
border:1px solid #ccc;
margin:0px;
height:24px;
clear:both;
color:#444;
width:101%;
}

#remarkablefacts input:hover{
background-color:white;
cursor:pointer;
}


/* GENERAL PROPERTIES */

.shadow1{
-moz-box-shadow: 1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #666;
box-shadow: 1px 1px 2px #888;
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";*/
/* For IE 5.5 - 7 */
/*.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');*/

} 


.shadow3{
-moz-box-shadow: 0px 0px 12px #888;
-webkit-box-shadow: 0px 0px 12px #666;
box-shadow: 0px 0px 12px #888;
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";*/
/* For IE 5.5 - 7 */
/*.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');*/
} 




#ub_helpbox{
display:none;
position:fixed;
background-color: #fdfbcd;
border:1px solid black;
font-family:arial, sans-serif;
color:black;
font-size:0.8em;
font-size:0.8em;
width:100px;
padding:4px;
z-index:9999;
}


/* Tabs SEARCH, UPLOAD, ORGANIZE, BUZZ*/

div.premiumaccount{
position:fixed;
top:114px;
right:320px;
font-size:0.8em;
color:#bbb;
}

#up_tabmenu {
	position:fixed;
	top:109px;
	color: #d4d4d4;
	/* boven, rechts,onder,links  */
	margin: 0px 0px 0px 6px;
	padding: 6px;
	z-index: 999999;
	padding-left: 0px;
	font-size:0.9em;
	}

#up_tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; }

#up_tabmenu a, a.up_active {
	color: #d4d4d4;
	background-color: black;
	//font: bold 1em "Trebuchet MS", Arial, sans-serif;
	border: 1px solid gray;
	padding: 6px 20px 6px 20px;
	margin: 0px;
	text-decoration: none; }

#up_tabmenu a.up_active {

	border-bottom: 1px solid black; 
	}

#up_tabmenu a:hover {
	color:white;
	background: #666666; }

#up_tabmenu a:visited {
	color: #d4d4d4; }

#up_tabmenu a.up_active:hover {
	background: #666666;
	color: white; }

#up_content {
	z-index: 2;		
	}

#up_tabsearch, #up_tabupload1{
display:visible;
}

#up_tabupload, #up_tabupload2, #up_tabupload3, #up_tabupload4{
display:none;
}

#up_taborganize{
display:none;
}

#up_taborganize1{
//display:visible;
}

#up_taborganize2{
//display:none;
}	
	
/*einde tabs*/


/* Tabs Searchbox*/


#search_tabmenu {
	color: #d4d4d4;
	/* boven, rechts,onder,links  */
	margin: 0px 0px 2px 0px;
	z-index: 999999;
	padding-left: 0px;
	padding-bottom:6px;
	font-size:0.8em;
	border-bottom:1px solid gray;
	}

#search_tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; 
	}

#search_tabmenu a, a.search_active {
	color: #d4d4d4;
	background-color: black;
	border: 1px solid gray;
	//padding: 6px 20px 6px 20px;
	/* boven, rechts,onder,links  */
	padding: 6px 10px 6px 10px;
	margin: 0px;
	text-decoration: none; }

#search_tabmenu a.search_active {

	border-bottom: 1px solid black; 
	}

#search_tabmenu a:hover {
	color:white;
	background: #666666; 
	cursor:pointer;
	}

#search_tabmenu a:visited {
	color: #d4d4d4; }

#search_tabmenu a.search_active:hover {
	background: #666666;
	color: white; }

#search_content {
	z-index: 2;		
	}

/*einde tabs*/







/* UP_PAPER */


div.up_paper{
position:relative;
background-color:white;
background-image: url("/images/up_grad_1024.jpg");
border:1px solid #4c6486;
color:#444444 !important;
font-family:arial, sans-serif;
font-size:0.8em;
height:500px;
margin:10px;
z-index:2;
}

div.up_paperhead{
background-color:#3e536f;
background-image: url("/images/ub_topbar2.jpg");
color:white;
width:100%;
overflow:hidden;
height:44px;

}

div.up_paperhead h1{
margin-left:20px;
margin-top:4px;
}

div.up_paperhead h4{
float:right;
margin-right:20px;
margin-top:16px;
}

div.up_paper a{
color:#0055a5;
}

div.up_note{
position:relative;
font-size:1.2em;
background-color:white;
border:1px solid gray;
margin:60px auto;
width:540px;
min-height:300px;
padding:30px;
padding-top:15px;
}

div.up_footer{
position:absolute;
bottom:30px;
right:40px;
height:40px;
}

div.up_footerleft{
position:absolute;
bottom:30px;
left:40px;
height:40px;
}

div.up_footer h2{
float:right;
}

div.up_note h2{
color:#3e536f; /*zelfde als topbar*/
margin-bottom:0.5em;
margin-top:0.2em;
}

.up_smalltext{
font-size:0.8em;
}

div.up_paper ul{
margin-left:50px;
}

div.up_paper li{
margin-bottom:0.9em;;
}

div.up_textbutton{
border:1px solid #398a17;
width:140px;
height:60px;
padding:30px;
padding-top:20px;
float:left;
color:white;
margin:30px;
margin-top:50px;
margin-bottom:20px;
text-align:center;
line-height:1.5em;

}

div.up_textbutton:hover{
background-image: url("/images/up_grad_160_gray_hover.jpg");
}

div.up_textbutton1{
background-image: url("/images/up_grad_160_gray.jpg");
float:left;
}

div.up_textbutton2{
background-image: url("/images/up_grad_160_gray.jpg");
float:right;
}


/* ORGANIZE */

div.ub_organizeintroduction{
width:auto;
border:1px solid #ccc;
padding:10px;
padding-left:60px;
font-size:1.1em;
background-color:white;
}

div.ub_organizeintroduction ul{
margin-left:0px;
padding-left:0px;
list-style-position:inside;
}

div.ub_off{
position:relative;
float:right;
background-image: url("/images/close4.png");
width:16px;
width:8px;
height:16px;
height:8px;
}

div.ub_off:hover{
cursor:pointer;
}


/* PUBLISH */
#ub_publish0{
display:block;
}

#ub_publish1{
display:none;
}

#ub_publish2{
display:none;
}

#ub_publish3{
display:none;
}

#ub_publish4{
display:none;
}

#ub_publish5{
display:none;
}

div.ub_field2{
border:none;
height:24px;
}

div.ub_field2 label{
width: 120px;
float:left;
text-align:right;
margin-top:0px;
margin-bottom:0px;
margin-left:20px;
font-size:0.9em;
}

div.ub_field{
border:none;
height:28px;
}

div.ub_field label{
width: 160px;
float:left;
text-align:right;
}

div.ub_field input{
width: 200px;
float:left;
margin-left:10px;
}

div.ub_field select{
width: 205px;
float:left;
margin-left:10px;
}


/* SUBSCRIBE POPUP */

div.subscribepopup{
width:500px;
position:fixed;
max-height:660px; 
background-color:white;
z-index:9999;
font-size:0.8em;
}

div.subscribepopuppromo{
padding-top:10px;
padding-bottom:10px;
color:#444;
background-color:#f3f0e0;
}

div.subscribepopuppromo ul{
margin-left:0px;
}

div.subscribepopuppromo li{
padding:4px;
}

div.blackscreen{
position:fixed;
background-color:black;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
top:0px;
left:0px; 
z-index:9998;
}

/* ADD COMPANY POPUP */

#addcompanycontent{
font-size:0.8em;
}

.addcompanyhide{
display:none;
margin-top:20px;
padding-bottom:20px;
background-color:#e8e4dc;
}



div.addcompanycontentheader{
background-color:#ddd;
border-bottom:1px solid gray;
height:24px;
background-image:url("/images/ub_topbar3.jpg");
}

.addcompanycontentheader h4{
margin:0px;
text-align:center;
color:white;
}

#addcompanycontent p{
margin-left:4px;
color:#666;
}

#addcompanycontent input{
width:160px;
border:1px solid #bbb;
padding:4px;
margin-top:6px;
margin-left:4px;
}

#addcompanycontent label{
color:#666;
margin-left:12px;
}

div.addcompanyclosebutton{
width:8px;
height:8px;
margin:6px;
background-image:url("/images/close3.png");
float:right;
}

div.addcompanyclosebutton:hover{
  cursor:pointer;
 background-image:url("/images/close3a.png");
}

.addcompanycontentbutton2{
color:white;
font-weight:bold;
background-image:url("/images/greengrad32_01.jpg");
height:48px;
border:1px solid #5b9143;
width:230px !important;
}

.addcompanycontentbutton:hover, .addcompanycontentbutton2:hover{
cursor:pointer;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}


/* AANPASSEN VAN BLUEIMP FILEUPLOAD */

div.fileupload-content h3{
text-align:center; 
margin:50px; 
color:gray;
}

div.fileupload-content a{
text-decoration:none
}



/* ORGANIZE PAGE */

div.ub_right{
float:right;
width:200px;
padding-right:20px;
margin-left:14px;
}

div.ub_left{
width:auto;
padding-right:20px;
height:auto;
overflow:hidden;
margin-left:10px;
padding-right:0px;
}

div.ub_groupcss{
overflow:hidden;
width:auto;
min-height:24px;
background-color:white;
margin-right:6px;
border-bottom:1px solid #bbb;
}

div.ub_unsortedcss{
border:1px solid #cccccc;
height:auto;
margin:10px;
margin-left:0px;
margin-top:0px;
margin-bottom:6px;
float:left;
background-color:white;
width:180px; 
padding:15px; 
padding-top:6px;
padding-bottom:10px;
}

div.ub_unsortedcss p.small{
margin-top:0.2em;
margin-bottom:0.2em;
font-size:0.7em;
}

div.ub_unsortedcssclose{
background-image: url("/images/close4.png");
float:right;
width:8px;
height:8px;
position:relative;
right:-8px;
}

div.ub_unsortedcssclose:hover{
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
cursor:pointer;
}

div.ub_collectioncss{
border:1px solid #cccccc;
overflow:hidden;
width:173px;
height:110px;
float:left;
background-color:white;
background-image: url("/images/gradient_09.gif");
margin-left:6px;
margin-top:4px;
padding-bottom:20px;
}

div.ub_photosetheader{
width:173px; 
height:20px; 
background-image: url("/images/gradient_12.gif");
border-bottom:1px solid #888;
color:#222222;
font-size:0.8em;
}

div.ub_photosetfooter{
width:173px; 
height:20px; 
background-color:white;
border-top:1px solid #eee;
font-size:0.8em;
position:absolute;
bottom:0px;
background-image: url("/images/gradient_10.gif");
}

div.ub_photosetheadertoggle{
float:left;
height:14px; 
width:14px; 
margin:3px;
margin-left:20px;
}

div.ub_photosetopen{
background-image: url("/images/ub_photosetclosed.png");
height:14px;
width:14px;
}

div.ub_photosetclosed{
background-image: url("/images/ub_photosetopen.png");
height:14px;
width:14px;
}

div.ub_photosetheaderdelete{
float:right; 
height:14px; 
width:14px; 
margin-top:4px;
margin-right:2px;
background-image: url("/images/ub_delete.png");
}

div.ub_photosetheaderview{
float:right; 
height:20px; 
width:30px; 
margin-top:2px;
}

div.ub_photosetheaderpublish{
float:right; 
height:20px; 
width:50px; 
margin-top:2px;
}

div.ub_photosetheadertitle{
height:20px; 
width:auto; 
float:left;
margin-top:2px;
margin-left:4px;
}

div.ub_photosetthumbs{
min-width:40px;
min-height:80px;
margin:2px;
}

div.ub_groupheader{
width:auto; 
height:24px; 
background-color:#eeeeee;
background-image: url("/images/gradient_11.gif");
border:1px solid #dddddd;
margin-bottom:2px;
}

div.ub_groupheader2{
width:auto; 
height:18px; 
background-color:#eeeeee;
background-image: url("/images/gradient_11.gif");
border:1px solid #dddddd;
margin-bottom:2px;
}

div.ub_groupheader2sel{
width:auto; 
height:18px; 
background-color:#eeeeee;
background-image: url("/images/gradient_11b.gif");
border:1px solid #dddddd;
margin-bottom:2px;
}

div.ub_groupheader2:hover{
background-image: url("/images/gradient_11a.gif");
}

div.ub_groupheadertoggle{
margin:3px;
float:left;
margin-left:10px;
}

div.ub_closedgroup{
background-image: url("/images/ub_groupopen.png");
height:16px;
width:16px;
}

div.ub_opengroup{
background-image: url("/images/ub_groupclosed.png");
height:16px;
width:16px;
}

div.ub_groupheaderdelete{
float:right; 
height:14px; 
width:14px; 
margin-top:4px;
margin-right:10px;
background-image: url("/images/ub_delete.png");
}

div.ub_groupheaderview{
float:right; 
height:20px; 
width:70px; 
//z-index:9999;
margin-top:6px;
}

div.ub_groupheadernewset{
float:right; 
height:20px; 
width:70px; 
//z-index:9999;
margin-top:4px;
}

div.ub_groupheaderhover{
float:right; 
height:30px; 
width:140px; 
//z-index:9999;
border:1px solid red;
}

div.ub_groupheadertitle{
color:#666666;
height:18px; 
width:auto; 
float:left;
margin-top:4px;
margin-left:20px;
font-weight:bold;
}

div.ub_viewrelatednew{
width:75px;
height:20px;
float:left;
border-bottom:1px solid #888;
background-image: url("/images/gradient_12.gif");
margin-left:2px;
margin-top:2px;
color:#222;
font-size:0.7em;
}

div.ub_viewrelatednew2{
width:75px;
height:20px;
float:left;
border-bottom:1px solid #888;
background-image: url("/images/gradient_12b.gif");
margin-left:2px;
margin-top:2px;
color:#222;
font-size:0.7em;
}

div.ub_viewrelatednew:hover{
background-image: url("/images/gradient_12a.gif");
}

div.ub_viewrelatedbase{
width:auto; 

text-align:center;
text-decoration:none;
font-size:0.9em;
}

div.ub_viewrelatedbase2{
width:70px;
height:51px;
float:left;
margin-left:8px;
margin-top:8px;
background-color:white;
background-image: url("/images/unknown.png");
overflow:hidden;
}

div.ub_viewrelatedbase2sel{
width:70px;
height:51px;
float:left;
margin-left:8px;
margin-top:8px;
background-color:white;
background-image: url("/images/unknownsel.png");
overflow:hidden;
}

div.ub_viewrelatedbase2:hover{
background-image: url("/images/unknown2.png");
}

div.ub_viewrelatedbase2text{
height:16px;
margin-top:35px;
color:#222;
font-size:0.7em;
text-align:center;
}

div.ub_viewrelated1{
color:white;
background-color:black;
height:20px;
border-bottom:1px solid gray;
}

div.ub_viewrelated2{
background-color:white;
color:black;
height:20px;
border-bottom:1px solid gray;
}

div.ub_viewrelated1:hover{
background-color:#ccc;
//height:24px;
}

div.ub_viewrelated2:hover{
background-color:#ddd;

}

#ub_helpbuttonorganize{
float:right;
width:12px;
height:12px;
margin:11px;
margin-right:12px;
border:1px solid #ddd;
background-image: url("/images/ub_helpbutton.png");
}

#ub_helpbuttonorganize:hover{
cursor:pointer;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.90;
}

#ub_helptext{
padding-left:20px;
margin-bottom:30px;
font-size:0.9em;
}

#ub_helptext label{
color:#194F97;
text-decoration:underline;
line-height:20px;
}

#ub_helptext label:hover{
cursor:pointer;
}

#ub_helptext p{
line-height:1.6em;
color:black;
display:none;
}

#ub_helptext a{
cursor:pointer;
color:#194F97;
}

#ub_publishtabs{
height:240px;
}

#ub_publishtabs p{
margin:0px;
}

.ub_markedtext{
background-color:#f1b546;
color:black;
}

div.ub_buttonbar{
width:120px;
height:22px;
border:1px solid gray;
float:right;
margin:4px;
text-align:center;
padding-top:2px;
background-color:#222222;
color:white;
}

div.ub_buttonbar:hover{
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.90;
}

div.ub_buttonbar2:hover{
  /* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.95;
}

div.ub_buttonbar2{
float:right;
width:100px;
height:24px;
border:1px solid gray;
margin:4px;
text-align:center;
//background-color:#4b8df8;
padding-top:6px;
color:#666;
font-weight:bold;
background-image: url("/images/up_grad_32a.jpg");
}

div.ub_thumb{
float:left;
width:40px;
height:40px;
margin:0px;
border:1px solid white;
background-color:#eee;
background-image: url("/images/wait-symbol.jpg");
}

div.ub_thumbsmall{
float:left;
width:24px;
height:24px;
margin:1px;
border:1px solid gray;
z-index:9999;
background-color:#eee;
background-image: url("/images/wait-symbol2.jpg");
}


div.ub_thumblarge{
float:left;
width:60px;
height:60px;
margin:2px;
padding:2px;
border:1px solid gray;

}

div.ub_thumborderspace{
float:left;
width:6px;
height:80px;
margin:0px;
}

.ub_snaporder{
width:90px !important;
}

.ub_multidrag{
border:1px solid red !important;
}




/* ALGEMENE LAYOUT */
/* classes voor de belangrijkste divs */


.right{
float:right;
width:246px;
width:280px;
height:auto;
min-height:500px;
margin-left:5px;

}

.right2{
float:right;
width:246px;
height:auto;
min-height:500px;
margin-left:5px;

}

.divcolorstopmenu{
background-color:black;
border:1px solid gray;
background-image: url("/images/topmenu_bg.jpg");
font-family:arial, sans-serif;
color:#eeeeee;
}

.divcolors{
background-color:black;
border:1px solid gray;
background-image: url("/images/ui-bg_loop_25_000000_21x21.png");
font-family:arial, sans-serif;
color:#eeeeee;
}

.divcolors2{
border:1px solid gray;
}



.divcolors3{
background-color:white;
background-image: url("/images/gradient_02.jpg");
border:1px solid gray;
background-repeat:repeat-x;
}

.divcolors4{
background-color:white;
border:1px solid gray;
}

.divcolors5{
background-color:#f5f5f5;
border:1px solid gray;
color:gray !important;
font-family:arial, sans-serif;
font-size:0.8em;
}

.divcolors6{
background-image: url("/images/gradient_footer_01.jpg");
border:1px solid #222;
background-repeat:repeat-x;
}

div.blockheader{
width:100%;
height:24px;
text-align:center;
font-family:arial, sans-serif;
font-weight:bold;
background-color:gray;
background-image: url("/images/gradient_04a.jpg");
overflow:hidden;
}

div.blockheader h2{
margin:2px;
font-size:0.8em;
color:#dddddd;
}

div.buttonyn{
color:#666666;
font-size:0.6em;
border:1px solid #cccccc;
height:12px;
width:50px;
float:right;
margin:8px;
margin-left:4px;
margin-bottom:0px;
padding:2px;
background-color:#ffffff;
background-image: url("/images/gradient_03.jpg");
background-repeat:repeat-x;
text-align:center;
}

.rightdivbuttons{
width:auto;
height:20px;
margin-bottom:5px;
color:#dddddd;
font-family:arial, sans-serif;
padding:5px;
}

.rightdivbuttons a{
margin:10px;
color:#dddddd;
font-size:0.75em;
text-decoration:none;
}

.rightdivbuttons ul{
margin:0px;
padding-left:0px;
}

.rightdivbuttons li{
margin-left:0px;
display:inline;
list-style-type:none;
}

.rightdivtitles{
width:auto;
min-height:70px;
margin-bottom:5px;
color:#cccccc;
font-family:arial, sans-serif;
}

.rightdivtitles h4{
padding-left:3px;
font-size:0.8em;
margin-top:5px;
margin-bottom:0px;
}

.rightdivtitles p{
color:#eeeeee;
padding-left:3px;
font-size:0.7em;
margin-top:5px;
margin-bottom:4px;
}


.rightdivtitles a{
font-size:0.7em;
margin-top:0px;  
margin-left:3px; 
line-height:1.6em;
color:#F1B546;
}

.rightdivthumbs{
width:auto;
height:auto;
overflow:hidden;
margin-bottom:5px;
}

.rightdivthumbssocialmedia{
width:auto;
height:50px;
overflow:hidden;
margin-bottom:5px;
}

.rightdivthumbs a{
text-decoration:none;
}

.rightdivthumbs_fixedheight{
width:auto;
height:180px;
overflow:hidden;
margin-bottom:5px;
}

.rightdivthumbs_fixedheight a{
text-decoration:none;
}

div.ub_linktoorganize{
margin:10px;
padding:6px;
color:white;
background-color:blue;
text-align:center;
font-size:0.9em;
background-image:url('/images/ub_topbar2.jpg');
}

.rightdivthumbssearch{
width:auto;
height:auto;
overflow:hidden;
overflow-y:scroll;
max-height:650px;
padding-right:4px;
padding-bottom:4px;
margin-bottom:5px;
}

.rightdivcrosslinks{
width:auto;
height:auto;
padding:5px;
margin-bottom:5px;
color:#dddddd;
font-family:arial, sans-serif;
font-size:0.7em;
}

.rightdivcrosslinks  a{
text-decoration:underline;
color:#dddddd;
}

div.blogteaser
{
padding:10px;
font-family:arial, sans-serif;
font-size:0.7em;
color:#ffffff;
max-height:240px;
}

div.blogteaser a
{
text-decoration:underline;
color:#dddddd;

}
div.usercomments
{
padding:10px;
padding-top:0px;
font-family:arial, sans-serif;
font-size:0.7em;
color:#ffffff;
max-height:240px;
overflow-y:scroll;
}

div.usercomments textarea
{
font-family:arial, sans-serif;
font-size:1.1em;
margin:5px;
margin-left:-1px;
width:100%;
height:70px;
border:1px solid black;
}

div.usercomments input 
{
font-family:arial, sans-serif;
font-size:1.1em;
margin:5px;
margin-left:-1px;
width:100%;
border:1px solid black;
}

.leftreduced{
margin-top:40px;
width:auto;
overflow:hidden;
min-height:400px;
padding-bottom:100px;
color:white;
}

.left{
margin-top:5px;
width:auto;
overflow:hidden;
min-height:400px;
padding-bottom:100px;
color:white;
}

#footer{
margin-top:5px;
width:100%;
height:40px;
color:#999;
font-size:0.8em;
}

#footer a{
text-decoration:none;
color:#999;
}

#footer a:hover{
color:#ddd;
}

#footer ul{
text-align:center;
}

#footer li{
display: inline;
list-style-type: none;
padding: 20px;
}

.todaysphotos{
margin-top:5px;
margin-left:5px;
width:300px;
float:right;
overflow:hidden;
min-height:400px;
padding-bottom:100px;
color:white;
}


.left2{
margin-top:5px;
min-height:500px;
height:auto;
overflow:hidden;
width:auto;
color:white;
}

.lefttop{
margin-top:5px;
padding-left:10px;
padding-top:7px;
width:auto;
overflow:hidden;
background-color:black;
background-image:url('/images/bg03a.jpg');
color:white;
border:1px solid #aeaeae;
border:1px solid gray;
}

div.lefttext{
margin:100px auto;
width:80%;
line-height:1.5em;
color:#444;
}

div.lefttextscroll{
margin:40px auto;
width:80%;
line-height:1.5em;
color:#444;
max-height:500px;
overflow-y: scroll;
}

div.lefttextscroll h4{
margin-bottom:0px;
}

div.lefttextscroll p{
margin-top:0px;
}

.buttongreen{
border:2px solid #9ebd91;
background-image:url("/images/greengrad32_01.jpg");
color:white;
height:36px;
padding-left:12px;
padding-right:12px;
}

.buttongreen:hover{
background-image:url("/images/greengrad32_01_hover.jpg");
cursor:pointer;
}

.buttonblue{
border:2px solid #506eba;
background-image:url("/images/bluegrad32_01.jpg");
color:white;
height:36px;
padding-left:12px;
padding-right:12px;
}

.buttonblue:hover{
background-image:url("/images/bluegrad32_01_hover.jpg");
cursor:pointer;
}

div.bonusbuttons{
width:auto;
height:60px;
padding:4px;
margin-bottom:6px;
border:1px solid #ccc;
background-image:url('/images/up_grad_128.jpg');
color:#888;
text-align:center;
text-decoration:none;
}

div.bonusbuttons h2{
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
font-size:1.8em;
}

div.bonusbuttons:hover{
background-image:url('/images/up_grad_128_hover.jpg');
color:#666;

}



div.bonusbuttons2{
width:auto;
height:30px;
padding:10px;

border:1px solid #398A17;
background-image:url('/images/greengrad32_02.jpg');
color:#555;
color:white;
text-align:center;
text-decoration:none;

}

div.bonusbuttons2:hover{
background-image:url('/images/greengrad32_02_hover.jpg');
}

div.bonusbuttons2 h2{
margin-top:8px;
font-size:1.3em !important;
font-weight:normal;
}


div.bonusbuttons h2{
margin-top:8px;
text-decoration:none;
}

div.lefttext3{
margin:100px auto;
width:80%;
line-height:1.5em;
color:#444;
font-size:1.1em;
}

div.lefttext3 ul{
margin-left:0px;
padding-left:20px;
}

div.lefttext3 li{

list-style-type:disc;
list-style-position:inside;

}

div.lefttextleft{
border-right:1px solid #ddd;
width:auto;
overflow:hidden;
height:auto;

}

div.lefttextright{
float:right;
width:70%;
padding-left:20px;
}

div.lefttextright ul{
margin-left:20px;
padding-left:0px;
list-style-position:inside;
}

div.lefttextright li{
margin-left:0px;
}

.lefttext h2{
//color:#f1b546;
margin-bottom:1.0em;
margin-top:4px;
}
.lefttext a{
color:#444;
text-decoration:none;
}

.lefttextleft li{
list-style-type:none;
color:#444;
}

div.lefttext p.schreef{
font-family:'Georgia', 'Bookman Old Style', serif;
font-size:1.3em;
line-height:1.3em;
}

div.borderline{
border:1px solid #dddddd;
margin:6px;

}

div.lefttext4{
margin:100px auto;
width:60%;
line-height:1.5em;
color:#444;
border:1px solid gray;
padding:20px;
}

/* CSS VOOR OUDE BLOGPAGE MET LINKS NAAR ARTIKELEN*/
.lefttext2{
margin:30px auto;
width:70%;
color:#505050;
font-family:Georgia, serif;
font-size:0.9em;
line-height:1.3em;
}

.lefttext2 a{
color:#505050;
}

div.blogitem{
border-bottom:1px solid gray;
padding:10px;
}

div.blogitemhead{
border-bottom:2px solid gray;
padding:10px;
}

div.blogitemhead h2{
font-family:arial,sans-serif;
}

div.blogitemhead p{
font-style:italic;
}


/*searchbox*/
div.SearchBox{
margin:auto; margin-top:80px;
width:365px;
font-family:arial, sans serif;
font-size:1.0em;
color:white;
}

div.SearchBoxHeader{
width:98%;
height:28px;
overflow:none;
margin:0px auto;
margin-bottom:20px;
border-bottom:1px solid #666666;
}

div.SearchBox p{
margin-top:20px;
margin-right:5px;
float:right;
font-size:0.8em;
color:white;
font-weight:normal;
text-decoration:underline;
}

div.SearchBox h3{
margin-bottom:8px;
color:#dddddd;
font-size:1.0em;
font-weight:normal;
text-align:center;
}

.SearchBox input{
font-size: 0.9em;
color: white;
background-color:black;
border:1px solid #555555;
width:200px;
}

.SearchBox label{
font-family: arial, verdana, ms sans serif;
font-size: 0.9em;
color: #bbbbbb;
}

.SearchBox select{
font-size: 0.9em;
color:white;
width:202px;
background-color:black;
border:1px solid #555555;
-webkit-appearance: none;
}

.SearchBox select.country{
font-size: 0.9em;
width:202px;
}

.SearchBox input.search-button-margin{
width:202px;
height:30px;
font-size:0.9em;
margin-top:3px;
background-color:gray;
background-image:url('/images/gradient_02.gif');
border:1px solid #555555;
}

/* einde searchbox */


/*LABELS OP THUMBS VOOR ALS ER EEN ADVERTENTIE OP ZIT */
div.productinfosign{
float:right;
position:relative;
top:-66px;
top:-12px;
width:44px;
height:10px;
overflow:hidden;
padding:0px;
color:black;
font-family:arial,sans-serif;
font-size:0.5em;
border:1px solid gray;
background-color:white;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}

div.productinfosign label{
margin:0px;
margin-left:2px;
}

div.productinfosignlarge{
float:right;
position:relative;
top:-116px;
width:60px;
height:8px;
overflow:hidden;
padding:4px;
color:black;
font-family:arial,sans-serif;
font-size:1.1em;
line-height:0.8em;
border:1px solid gray;
background-color:white;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}

/* ALLE MOGELIJKE THUMBNAILS */

div.thumbtodaysphotos{ 
float:left;
width:240px;
height:240px;
margin-left:4px;
margin-top:4px;
}

div.thumbtotal{
float:left;
width:100px;
height:100px;
margin-left:4px;
margin-top:4px;
}

div.thumbtotalsmall{
float:left;
width:68px;
height:68px;
margin:2px;
}

#thisbuildingimages p{

font-size:0.7em;
}

div.thumbtotalsmallmarked{
float:left;
width:66px;
height:66px;
margin:2px;
border:1px solid #dddddd;
}


div.thumbtotalbig{
float:left;
width:122px;
height:186px;
margin:6px;
margin-right:0px;
font-family:arial, sans-serif;
font-size:0.6em;
border:1px solid #777777;
padding:3px;
background-image: url("/images/gradient200_02.jpg");
}

div.thumbtotalbigmarked{
float:left;
width:122px;
height:186px;
margin:6px;
margin-right:0px;
font-family:arial, sans-serif;
font-size:0.6em;
border:1px solid gray !important;
padding:3px;
}

div.thumbtotalbigmarked img{
display:block;
border:1px solid white !important;
}

div.thumbtotalbig img{
display:block;
border:1px solid gray !important;
}

div.thumbtotalverysmall{
float:left;
width:56px;
height:56px;
margin:2px;
}

div.thumbtotalverysmall2{
float:left;
width:46px;
height:46px;
margin:1px;
}

div.thumbtotalverysmall3{
float:left;
width:38px;
height:38px;
margin:1px;
}

div.thumbtotalverysmall4{
float:left;
width:26px;
height:26px;
margin:1px;
}

div.thumbtotalverysmallmarked{
float:left;
width:54px;
height:54px;
border:1px solid white;
margin:2px;
}





/*KLEINE WITTE VAKJES - ADVERTISING*/
.iadstatic{
font-family:arial;
color:black;
background-color:white;
padding: 5px;
border:1px solid black;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
/*border-radius: 6px;
-moz-border-radius: 6px;*/
}

.iadstatic h4{
font-size:0.7em;
margin-top:-0.3em;
margin-left:0.3em;
color:black;
margin-bottom:30px;
font-weight:normal;
}

#iadstatic0{
border-radius: 16px !important;
-moz-border-radius: 16px !important;
}

.topmargin{
clear:both;
height:20px;
}

#tabs{
font-family:Arial, sans-serif;
font-size:0.8em;
}

#tabs li{
font-size:0.85em;
}

#tabs img{
float:right;
border:1px solid gray;
}

#tabs h4{
font-size:1.4em;
margin-left:0em;
margin-bottom:10px;
}

#tabs p{
margin-top:0px;
}

.facts{
font-size:1.2em;
}

.facts li{
margin-bottom:2em;
}

.lastline2 {
font-size:0.8em;
margin-top:0.5em;
margin-bottom:0.5em;
}

.iadrelated{
width:100%;
height:auto;
border-bottom:1px solid #dddddd;
}

.iadrelatedbuildinginfo{
width:320px;
height:auto;
float:right;
padding-top:10px;
}

.iadrelatedbuildinginfo p{
font-size:0.9em;
}

.iadrelatedbuildinginfo a{
text-decoration:none;
}

.iadrelated img{
float:none !important;
margin-bottom:4px;
margin-top:4px;
border:1px solid gray;
}
/* eide iadstatic */



/*container om de search results een beetje strak te krijgen*/
div.searchwords{
width:auto;
margin:12px;
margin-left:8px;
height:auto;
overflow:hidden;
font-family:arial, sans-serif;
}

div.searchwords h3{
margin:0em;
color:#eeeeee;
font-weight:normal;
}

div.searchwords p{
color:white;
}

div.searchwords a{
color:white;
}

div.searchresults{
width:564px;
margin:0px auto;
border:1px solid gray;
height:auto;
overflow:hidden;
}
/*einde search results container*/


/* PUBLISH DINGEN */
div.ub_publish input{
border:1px solid #9ba5b1;
padding:4px;
}

div.ub_publish select{
border:1px solid #9ba5b1;
padding:4px;
}

div.ub_publish label{
margin-top:4px;
}

div.ub_publish fieldset{
border:1px solid #ccc;
font-size:0.9em;
margin-top:8px;
}

div.ub_publish legend{
font-weight:bold;
}

.ub_fieldsetlabel{
width:200px;
}

#ub_projectdata{ 
width:120px; 
margin-left:10px; 
margin-top:4px; 
border:1px solid #9ba5b1;
height:20px; 
background-color:#ddd; 
float:left;
text-align:center;
padding:6px;
}

/*miniform om snel te registreren*/
div.miniformcontainer{
border-bottom:1px solid #e7ebf0;
padding:10px;
margin:20px auto;
width:300px;
background-color:#f0f0f0;
}

div.miniformcontainer input {
width:180px;
border:1px solid #9ba5b1;
padding:2px;
}

div.miniformcontainer select{
width:188px;
border:1px solid #9ba5b1;
padding:2px;
}

div.miniformcontainer p{
font-size:0.9em;
}


div.miniformcontainer h2{
font-size:1.0em;
text-align:center;
font-style:normal;
margin:10px;
margin-top:2px;
}

div.miniformcontainer a{
text-align:center;
font-style:normal;
color:#194f97;
}

.miniformtable tr{
height:30px;
font-size:0.9em;
}

.miniformtable tr.low{
height:24px;
font-size:0.9em;
}

.miniformtable tr.low1{
height:24px;
font-size:0.9em;
background-color:#ddd;
}

.miniformtable tr.high{
height:60px;
font-size:0.9em;
}

.miniformtable label{
margin-left:3px;
font-size:0.9em;
}

/*   */

/*login form and other forms*/

div.generalformcontainer{
border-bottom:1px solid #e7ebf0;
margin:100px auto;
width:400px;
}

div.generalformcontainer input {
width:280px;
border:1px solid #9ba5b1;
padding:8px;
}

div.generalformcontainer hr{
height:1px;
color:#ddd;
}

div.generalformcontainer .submit:hover{
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.80;
}

div.generalformcontainer select{
width:280px;
border:1px solid #9ba5b1;
padding:8px;
}

div.generalformcontainer p{
font-size:0.9em;
line-height:1.8em;
}

div.generalformcontainer h2{
font-size:1.0em;
text-align:center;
font-style:normal;
margin:10px;
margin-top:2px;
}

div.generalformcontainer h1{
color:#444;
margin-top:0px;
margin-bottom:4px;
}

div.generalformcontainer a{
text-align:center;
font-style:normal;
color:#194f97;
}

.generalformtable tr{
height:40px;
font-size:0.9em;
}

.generalformtable tr.low0{
height:20px;
font-size:0.9em;
}

.generalformtable tr.low{
height:16px;
font-size:0.9em;
}

.generalformtable tr.low1{
height:16px;
font-size:0.9em;
background-color:#ddd;
}

.generalformtable tr.high{
height:60px;
font-size:0.9em;
}

.generalformtable label{
margin-left:3px;
font-size:0.9em;
}

.generalformtable2{
margin-bottom:6px;
margin-top:0px;
}

.generalformtable2 td{
padding-left:4px;
}
/* end generalform*/

/*accessrightstable */
.ub_accessdeleteemail{
text-decoration:underline;
text-align:right;
}

.ub_accessdeleteemail:hover{
cursor:pointer;
}

/* link to backoffice */
#linktoback a{
font-family:arial, sans-serif;
color:white;
margin:20px;

font-size:0.8em;
}
/*   */
/*-----------*/

div.addinfoform{
margin:auto; 
margin-top:100px;
width:420px;
color:#ddd;
font-size:0.9em;
}

div.addinfoform a{
color:#ddd;
}

div.addinfoform  textarea{
font-size:0.9em;
height:60px;
}

div.addinfoform input, textarea{
margin-bottom:2px;
margin-top:1px;
width:100%;
font-family:arial;
padding-left:8px;
color:#black;
margin-left:-2px;
}

div.addinfoform input.black, textarea.black{
background-color:black;
border:1px solid gray;
color:#ddd;
}

div.addinfoform input{
height:1.5em;
}

/*-----------*/

div.contactform{
margin:auto; 
margin-top:30px;
width:420px;
font-family:arial, sans serif;
color:#444;
}

div.contactform a{
color:#444;
}

div.contactform label{
font-size:0.9em;
}

div.contactform input, textarea{
margin-bottom:2px;
margin-top:1px;
width:100%;
font-family:arial;
padding-left:8px;
margin-left:-2px;
border:1px solid #9ba5b1;
}

div.contactform input{
height:1.5em;
}

div.contactform textarea{
font-size:0.9em;
padding:4px;
padding-left:8px;

}

/*uploadform, achterhaald*/
div.whitebackground{
width:100%;
background-color:white;

}

div.uploadform{
margin:20px auto;
width:70%;
padding:80px;
padding-top:10px;
overflow:none;
font-family:arial, sans-serif;
background-color:white;
color:black;
}

.userprofile2{ 
border:1px solid #555555;
width:auto;
font-size:0.8em;
padding:15px;
padding-top:8px;
padding-bottom:8px;
margin-top:10px;
}

div.category{
padding-bottom:20px;
float:left;
width:125px;
height:220px;
color:#403f39;
font-family:arial;
font-size:12px;
}

select.multipleSelects{
width:120px;
height:180px;
color:black;
float:left;
border:1px solid black;
}


/* GAME CSS */

.game{
background-color:#ffe2fa;
background-image: url("/images/gradientgame_01.gif");
background-repeat:repeat-x;
}

div.thumbtotalgame{
float:left;
width:120px;
height:120px;
margin-left:4px;
margin-top:4px;
border-right:1px solid gray;
border-bottom:1px solid gray;
}

div.gameboxcontainer{
width:900px;
margin:-20px auto;
background-color:white;
background-image: url("/images/gradientgame_03.gif");
background-repeat:repeat-y;
height:1500px;
border-left:1px solid gray;
border-right:1px solid gray;
}

div.gametopmenu{
height:24px;
border:1px solid black;
background-color:black;
background-image: url("/images/gradientgame_02.gif");
background-repeat:repeat-x;
font-family:arial, sans-serif;
color:white;
margin:-10px;
margin-right:-20px;
font-size:0.7em;
}

div.gametopmenu a{
float:right;
color:white;
margin-right:20px;
margin-top:4px;
}

div.gameboxfooter{
margin:8px auto;
padding-left:22px;
width:512px;
color:gray;
font-family:arial, sans-serif;
text-decoration:underline;
font-size:0.9em;
}

div.gamebox{
margin:8px auto;
padding:20px;
padding-left:22px;
padding-top:22px;
width:512px;
height:512px;
border:8px solid #e920c7;
border:8px solid #f156d7;
border-radius: 20px;
-moz-border-radius: 20px;
font-family:arial, sans-serif;
font-size:0.9em;
color:gray;
background-color:#ffebfc;
background-image: url("/images/gradientgame_05.gif");
background-repeat:repeat-x;
position:relative;
top:-30px;
}

div.gamebox a{
text-decoration:underline;
color:gray;
}

div.gameboxtarget{
margin:20px auto;
margin-bottom:4px;
width:512px;
height:180px;
padding-top:8px;
padding-left:100px;
padding-right:100px;
border:4px solid #efefef;
font-family:arial, sans-serif;
font-size:0.9em;
color:gray;
background-color:#fffafe;
}

div.gameboxtarget ul{
list-style-type: none;
}

div.gameboxtarget li{
margin-left: -40px;
}

div.gameboxtarget h4{
margin-top: 4px;
margin-bottom:4px;
}

/*TYPOLOGIST*/
div.typologist{
border:1px solid yellow;
width:700px;
font-family:arial,sans-serif;
margin:40px auto;
}

div.typologistthumb{
float:left;
width:60px;
height:28px;
border:1px solid white;
background-color:white;
margin:2px;
margin-left:0px;
margin-top:6px;
overflow:hidden;
font-size:0.7em;
color:black;
text-align:center;
}

div.hidden{
float:left;
width:60px;
height:18px;
border:1px solid gray;
background-color:#dddddd;
margin:2px;
margin-left:0px;
margin-top:16px;
overflow:hidden;
font-size:0.7em;
color:black;
display:none;
text-align:center;
}

div.typologistresult{
width:300px;
height:30px;
border:1px solid white;
margin:2px;
margin-top:20px;
}

div.typologistresult2{
width:496px;
height:496px;
overflow:hidden;
border:1px solid green;
margin:2px;
}