* {
    margin: 0;
    padding: 0;
}

body {
    font-size:0.82em;
    margin: 0 auto;
    background-repeat: repeat;
    background-color: #efefef;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #666;
    width:100%;
}
    
a{
color:#C00 ;
background-color:transparent;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

#visual-portal-wrapper {
margin:0 auto;
width:1058px;
}

.clear_both{clear:both;}

.entity{
border:1px solid #777;
padding:1em;
background-color:#fff;
margin:1em;
}

.entityRef{
font-size:1.5em;
color:#336699;
font-weight:bold;
}

ul{
margin:1em;
}
ul li{
margin:0.5em;
list-style-type:square;
color:#369;
}

.value{
color:#000;
}



.otherRepresentations{
background-color:#efefef;
text-align:center;
margin:1em;
min-height:2em;
}

.otherRepresentations ul li,.otherRepresentations ul,  .otherRepresentations p {
float:left;
list-style:none;
margin:0;
}
.otherRepresentations{
padding:1em;
}

.otherRepresentations ul li {
margin-left:1em;
}

.footLogos{
text-align:center;
}

ul li{
color:#777;
}
ul li.level-1 a{
font-size:1.5em;

}


ul li.level-2 a{
font-size:1em;
color:#369;
}

ul li.level-3 a{
font-size:1em;
color:#e00;
}

.value{
color:#000;
}


ul li a.resource{
color:#e00;
}

ul li.level-1{
list-style-type:none;

}


h1{

color:#000;
font-size:20px;
margin-bottom:20px;
}

.entity p{
color:#000;
}


#content{

}

#controls {
    border: 1px solid #ccc;
    float: left;
    min-height: 600px;
    width: 250px;
}

#draw{


}

body { 
	font: 0.8em sans-serif; 
	}
#graph {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	color:#000;
}
#graph canvas { }
.node-label { 
	font-size: 0.8em ; 
	}
	
label{
display:block;
width:100%;
margin:0.5em;
float:left;
}

.textbox{
width:90%;
margin:0.5em;
}

.button {
    margin: 25px;
    padding: 8px;
    width: 80%;
}

h3{
margin:0.5em;
}







#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px dotted #777;
padding: 5px;
background-color: #efefef;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135)
*/
}

.invisible-node-label{
display:none;
}

div.advanced{
padding-top:0.5em;
background-color:#dfdfdf;
padding-bottom:1em;
float:left;
margin-left:2%;
padding:2%;
width:92%;
border:1px solid #ddd;
}

#sparql{

}


.subLabel{
margin-left:2em;
}

.subField{
background-color:#efefef;
padding:2px;
float:left;
width:98%;

margin-bottom:0.5em;
}

#drawarea
{
	background-color:#fff;
	width: 1058px;
	background:#FFF;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
box-shadow: 0 1px 4px #333;
-moz-box-shadow: 0 1px 4px #333;
-webkit-box-shadow: 0 1px 4px #333;
padding:10px;
	
}

#header{
clear:both;
width:100%;
height:100px;
}
#headerText{
width:53%;
float:left;
}
#banner{
padding:1em;
}

#footer {
    background-color: transparent;
   color:#666;
font-size:11px;

    font-size: 8pt;
     
  padding:1em;
}

.clear_both {
    clear: both;
}

#footer p {
text-align:center;
margin: 0 auto;
}
a img {
    border: 0 none;
}

.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}