* {margin: 0; border-width: 0; padding: 0;}

html
{
	background: black url(../images/bkg.jpg) center center no-repeat fixed;
	
	        background-size: cover;
	     -o-background-size: cover;
	    -ms-background-size: cover;
	   -moz-background-size: cover;
	-webkit-background-size: cover;
	
	width:100%;height:100%;
}

body
{
	font-family: sans-serif;
	background: rgba(0,20,0,0.65);
	color: #D0F0FF;
	
	width: 1000px;
	min-height: 100%;
	margin: 0 auto;
	
	border: solid 1px rgba(51,255,204,0.4);
	box-shadow: 0 0 5em rgba(51,255,204,0.2);
}

body>*
{
	background:rgba(0,0,0,0);
}

h1
{
	padding-top: 0.4em;

	font-weight: normal;
	font-size: 1.5em;
	font-variant: small-caps;
	text-align: center;

	color: #F8F8F8;
}


#intro .about img
{
	width: 500px;
	height: 347px;
	border: solid 3px black;
	margin: 0 auto 1em;
}

#intro .about
{
	width: 572px;
	float:left; clear:left;

	background: none;
	border-bottom: none;
	margin: 2em auto;
	padding: 0 2em;
	
	font-size: 0.85em;
}

#intro p
{
	padding: 0.5em 3px;
}

#intro .start
{
	float: left;
	clear: none;
	width: 40%;
	margin: 2em auto;
}


body#setup form
{
	width: 620px;
	margin: 1em auto;
	border: double 3px #8090A0;
}


button
{
	margin: 0 1.5em;
	padding: 0.2em 0.5em;
	border-width: 1px;
	cursor: pointer;
}


#DisplayOptions button
{
	width: auto;
	padding: 0.25em 0.5em;
	font-size: 1em;
}


a
{
	font-weight: bold;
	text-decoration: none;
	color: #33FFCC;
}

a:hover
{
	text-decoration: underline;
	color: #AAFF66;
}


#results
{
	margin: 1em;
	
}

#results .file
{
	display: block;
	margin-top: 0.75em;
	border: solid 1px rgba(208,240,255,0.5);
	padding: 0.25em;
	max-width: 100%;
	overflow: hidden;
	
	background: rgba(0,0,0,0.75);
}

#results .file .summary
{
	background: rgba(0,0,0,0.5);
	white-space: nowrap; 
}

#results .file_info
{
	border: solid 1px rgba(208,240,255,0.5);
	border-top: 0px;

	background: rgba(0,0,0,0.5);
}

#results .query
{
	display: block;
	padding: 0.4em 0.2em 0.2em;
}

#results .ContainsClientScope .scope_info
{
	border: solid 2px rgba(255,153,51,0.8);
	background: rgba(255,153,51,0.2);
	color: rgba(255,0,0,0.85);
	border-radius:0.5em;
	padding: 0.1em 0.3em;
	font-weight: bold;
}

#results .file.ContainsClientScope label
{
	color: red;
	font-weight: bold;
}

#results .query label
{
	font-weight: bold;
}

#results .query_code
{
	padding: 0.2em;
	
	font-family: monospace;
	font-size: 0.9em;
	color: #EEE;
}

#results label
{
	cursor: pointer;
}

#results dt small.id
{
	float:right;
	color: rgba(192,192,192,0.3);
	font-size: 0.7em;
	font-style:italic;
	text-transform:lowercase;
}

#results dt small.id:hover
{
	color: rgba(224,224,224,0.6);
}


h2
{
	margin: 0 0.5em;
	margin-top: 0.75em;
}

p
{
	padding: 0.4em 1em;
}


.scopeWarning
{
	background: #EEA0A0;
}

.experimental
{
	float:right;
	clear:none;
	display       : inline-block;
	padding       : 0.25em 0.6em;
	font-size     : 0.7em;
	background    : rgba(64,0,0,0.4);
	border        : solid 1px rgba(192,0,0,0.75);
	color         : rgba(255,102,0,1);
	border-radius : 1em;
	cursor        : help;
}