@font-face {
    font-family: 'DigitaldreamRegular';
    src: url('../fonts/DIGITALDREAM-webfont.eot');
    src: url('../fonts/DIGITALDREAM-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DIGITALDREAM-webfont.woff') format('woff'),
         url('../fonts/DIGITALDREAM-webfont.ttf') format('truetype'),
         url('../fonts/DIGITALDREAM-webfont.svg#DigitaldreamFatRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;	
	text-align:center;	
	
background: #d3d3d3; /* Old browsers */
background: -moz-linear-gradient(top,  #d3d3d3 0%, #ffffff 17%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(17%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3d3d3 0%,#ffffff 17%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3d3d3 0%,#ffffff 17%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3d3d3 0%,#ffffff 17%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3d3d3 0%,#ffffff 17%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */



}

img
{
	border:0px;
	vertical-align:middle;
}

h1
{
	/*
	background-color: #333;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
	color: transparent;
  text-shadow: rgba(255,255,255,0.5) 2px 3px 6px;
  */
  color:gray;
  /*text-shadow: 1px 1px 1px white, -1px -1px 1px black;*/
  
  
  border-top:1px solid #cccccc;
  padding:0.5em;
  margin:0.5em;
}

.js_required
{
	display:none;
}

.js_reccomended
{
	display:inline-block;
	border:1px solid red;
	padding:10px;
	margin:10px;
	text-align:center;
	font-size:1.2em;
	color:red;
}


table.properties,
{		
	width:100%;
}

table.properties td,
table.properties th
{	
	text-align:left;
	padding:5px;
	padding-left:10px;
}

table.properties tr
{	
	/*background-color: #fafafa;*/
	/*background-color: #aaffaa;*/
	
	transition: background-color 0.5s;
	-moz-transition: background-color 0.5s; 
	-webkit-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	
}

table.properties tr:nth-child(2n) {
	background-color: rgb(240,240,250);
	/*background-color:rgba(255,255,255,0.6);	*/	
}

table.properties tr:nth-child(2n+1) {
	background-color: rgb(250,250,250);
	/*background-color:rgba(255,255,255,0.1);*/
}


table.properties tr:nth-child(2n):hover, 
table.properties tr:nth-child(2n+1):hover {
	background-color:white;
}

table.properties tr > td:first-child {
	/*background-color: #eeeeee;*/

	white-space: nowrap;
	text-align:right;	
	vertical-align:top;
}	

table.properties img
{
	vertical-align: middle;		
}

.icon_16
{
	width: 16px;	
	vertical-align:middle;
}

div#tooltip {
	display:none;
  position: absolute;
  z-index: 10;
  padding:1em;
  font-size:0.9em;
  max-width: 20em;
  
  color: black;
  box-shadow: 5px 5px 5px #888;
	border-radius: 5px;			
	
	background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

}

.ip_box
{	
	display:inline-block;
	width: 400px;
	height: 100px;
	/*border:1px solid red;*/
	padding:10px;
	text-align:center;
	margin:20px;
	
	
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */


	box-shadow: 0px 0px 10px #888;
	border-radius: 10px;			
}

.box
{
	display:inline-block;
	margin:1em;
	padding:0.5em;
	/*border:1px solid blue;	*/
	
	overflow:auto;
	height: 250px;
	width: 500px;
	
	box-shadow: 0px 0px 5px #888;
	border-radius: 5px;			
}

.ip_box img
{		
}

.dns_box
{
	display:inline-block;		
}

.center_box
{
	/*margin:auto;*/
}

.title
{
	padding:2px;
	font-size:1.4em;
}

.description
{	
	padding:2px;
	color: gray;
	font-size:0.9em;
}

.wait
{	
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url("../images/misc/wait.gif");
	background-repeat:no-repeat;
	background-position:50% 50%;
}

#header
{
	height:50px;
	
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	
	color:white;
	font-size:1.2em;
	padding:10px;
}


#logo
{	
	float:left;
	font-size:3em;
	margin-top:10px;
}

#logo img
{
	max-width:550px;
}

#adv
{
	float:right;
	box-shadow:0px 0px 10px black;
}

#content
{
	clear:both;
	/*width:1000px;*/
	padding:20px;
	margin-left: auto;
	margin-right: auto;
	/*border:1px solid yellow;*/
	text-align:center;	
}

#footer
{	
	color: gray;
	text-align:center;
	margin:80px;	
	padding:10px;
	border-top:1px solid gray;
}

#explain
{		
	display:block;
	text-align:center;
	
	color:#888888;
	margin-bottom:1em;
}

.docs_center
{
	text-align:center;
	padding:10px;
	color:gray;
}

.docs_verbose
{
	font-size:0.8em;
	color:gray;
}

#docs
{
	margin:10px;
	margin-top:50px;
	text-align:left;
}

.activate_button
{
	display:block;		
	padding:0.2em;
	margin:0.2em;
	text-align:center;
	background-color:#eeeeee;
	box-shadow:0em 0em 0.2em gray;
	
	-webkit-transition: background-color 1s;
  transition: background-color 1s;
  text-decoration: none;
  color: black;
}

.activate_button:hover
{
	background-color: white;
}

.digital 
{
	font: 14px 'DigitaldreamRegular', Arial, sans-serif;
	padding:2px;
	margin:2px;
	color: #00FF00;
	text-shadow: 0px 0px 5px #00FF00;
	text-decoration:none;
	background-color:black;
	box-shadow:0em 0em 0.2em black;
}

.ip
{	
	display:block;
	font: 30px 'DigitaldreamRegular', Arial, sans-serif;
	padding:6px;
	margin-bottom:15px;
	background-color: black;
	color: #00FF00;
	text-shadow: 0px 0px 5px #00FF00;
	text-decoration:none;
	
	border: 1px inset gray;
}

.location
{
	font-size: 1.4em;
}

.isp
{
	font-size: 0.9em;
}

.details
{
	margin-left:auto; 
  margin-right:auto;
  /*
  width:70%;
  */
}

.separator
{
	border-top: 2px solid #cccccc !important;
	padding:0px !important; 
	margin:0px !important;	
}

.confidence
{
	border:1px solid green;	
	width:10em;
	display:inline;
	float:right;
	padding-left:20px;
	font-size: 0.8em;
	color:green;
}

#map
{
	width:100%;
	height:500px;
	border:0px;
}

#torrentdetection
{		
	padding:5px;
	margin:5px;
	text-align:center;
}


table.data
{
	/*width:99%;*/
	font-size: 12px;
	border-collapse: collapse;
	border:1px solid #dddddd;
}

.data td
{
	border:1px solid #f0f0f0;
	/*background-color:white;*/
	padding:3px;
	text-align:center;			
}

.data td,
.data th
{
	vertical-align:middle;	
	
	/*
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;	
	*/
	
	margin: 0px; 	
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;	
	
	/*border:1px solid red;*/
}

.data th
{
	border:1px solid #3586FF;
	white-space: nowrap;		
}

.data td img
{
	vertical-align:middle;	
}

.data tr
{
	/*border:1px solid #cccccc;*/
	background-color: #fafafa;
}

.data th
{
	padding: 5px;
	text-align:left;
	background-color: #66A3FF;	
	text-align:center;
	color:white;
	text-shadow: #4488DD 0px 0px 2px;  
}

.data th a
{
	color:white;
	text-decoration:underline;
}

/*
table.data tr:nth-child(2n) td:nth-child(2n) {
	background-color: rgba(0,0,0,0.05);
}

table.data tr:nth-child(2n) td:nth-child(2n+1) {
	background-color: rgba(0,0,0,0.08);
}

table.data tr:nth-child(2n+1) td:nth-child(2n) {
	background-color: rgba(0,0,0,0);
}

table.data tr:nth-child(2n+1) td:nth-child(2n+1) {
	background-color: rgba(0,0,0,0.02);
}
*/

table.data tr:nth-child(2n) {
	background-color: rgba(0,0,0,0.08);
}

table.data tr:nth-child(2n+1) {
	background-color: rgba(0,0,0,0);
}