/*   CSS styles for SPARQL Widget
	 By Eero Hyvönen, Aalto University, Semantic Computing Research Group, 2013
	 http://www.seco.tkk.fi/
	 MIT License
*/

.SWTightBox { /* Simple Tight  widget box */

padding:0px;
border:0px;
margin:0px;
background-color: "white";

}

.SWBox { /* Widget box */

width:320px;
padding:4px;
border:2px solid gray;
margin:20px;
background-color: #F3FFFF;
outline: gray dotted medium;

/* Floating */

float:right;

/* Positioning */

position:relative;
top:20px;
right:0px;

}

.selector { /* SELECT element */
	width:280px;
	background-color: "LightGrey";	
}

.SWBox h1 { /* Title of the widget box */
 font-family: arial;
 font-weight: bold;
 font-size: 1em;
 text-align:left
}

.sparqlWidgetItem { /* Text in items in the widget box */
 font-family: arial;
 font-weight: normal;
 font-size: 0.9em;
 text-align:left
}

/* Facet SELECT component */

.textfield {
 width:280px ;
 background-color:Azure;
}

.deselect {
	style=color:Green;
	font-weight:bold;
	text-decoration:underline;
}

/* Tests only */

.posTopRight {
position:absolute;
top:10px;
right:10px;
}

p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}

h2.pos_left
{
position:relative;
left:-20px;
}

/* Päällekkäisyys */

.behind
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

.inFrontOf
{
position:absolute;
left:0px;
top:0px;
z-index: 1;
}