/*
	CSS, for desktop monitors
*/
*
{
	margin:0;
	padding:0;
	
	
}

body
{
	width:100%;
	font-size:16px;
	font-family:'open sans';
}

input, textarea
{
	font-family:'open sans';
}

a
{
	text-decoration:none;
}

#wrapper
{
	width:100%;
	

}

::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }
 
#header
{
	width:100%;
	background:#222;
	box-shadow:0 2px 5px rgba(100,100,100,0.5);
}

#header2
{
	width:1200px;
	margin:0 auto;
	color:#fff;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	
	padding:10px;
}

#header2 .title
{
	font-size:150%;
}

#header2 .title a
{
	color:#fff;
}

#content
{
	width:100%;
}

#content2
{
	width:1200px;
	margin:0 auto;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	
	padding:10px;
	
	min-height:500px;
}

#content2 h1
{
	font-size:180%;
	color:#444;
	margin-bottom:10px;
}

#content3
{
	background:#eee;
	padding:10px;
	
}

#content3 p, #content3 #ipinfo
{
	line-height:30px;
	color:#555;
}

#content3 .nothing, #content3 .error
{
	color:#E13300;
	font-weight:bold;
}


#content2 .info
{
	color:#555;
}

#content2 .info h2
{
	font-size:120%;
	color:#205081;
	border-bottom:2px solid #5F83BB;
	margin-bottom:10px;
	
	font-weight:normal;
}

#results
{
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px;
	color:#222;
	background:#fff;
	box-shadow:inset 0 1px 5px rgba(100,100,100,0.2);
	
	border-radius:5px;
	overflow:auto;
}

#results h2
{
	
	font-size:110%;
	margin-bottom:10px;
	padding:5px 0;
	color:#555;
	border-bottom:2px solid #555; /*#4183C4;*/
}

#results h3
{
	font-size: 100%;
	font-weight: normal;
	margin-left: 3px;
	margin-bottom: 5px;
	text-decoration: underline;
	color: #3F6705;
	margin-top:20px;
}

#results table
{
	border-spacing:2px;
}

#results table tr td
{
	padding:5px 10px;
	color:#444;
	border-right:2px solid #eee;


}

#results table tr
{
	background:#f9f9f9;
}

#results table tr:nth-child(1) td
{

	color:#fff;


	background:#0673BA;
	border-bottom:2px solid #045A92;
	border-right:2px solid #0673BA;
	
}

#results table tr td:last-child
{
	border-right:none;
}

#results table tr:last-child td
{
	border-bottom:2px solid #0673BA;
}

.submit_button
{
	background:#5F83BB;
	border:none;
	color:#fff;
	border-radius:2px;
	font-size:100%; 
	padding:5px;
	cursor:pointer;
	font-weight:bold;
}

.submit_button:hover
{
	/*background:#205081; /*#5F83BB*/
}

.input_field
{
	font-size:100%; 
	padding:5px;
	border:1px solid #999;
	border-radius:3px;
	box-shadow:inset 1px 2px 5px rgba(200,200,200,0.5);
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

#toolbox
{
	width:100%;
	background:#222;
	
	box-shadow:0 -2px 5px rgba(100,100,100,0.5);
}

#toolbox2
{
	width:1200px;
	margin:0 auto;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	
	padding:10px;
	
	overflow:hidden;
}

.toolset
{
	display:inline;
	float:left;
	
	background:#000;
	padding:10px;
	
	margin-right:10px;
	width:15%;
	border-radius:5px;
	margin-top:10px;
}

.toolset h2
{
	color:#999;
	font-size:85%;
	margin-bottom:5px;
	border-bottom:2px solid #555;
}

.toolset a
{
	color:#fff;
	margin:5px;

	margin-left:0;
	display:block;
	font-size:80%;

	

	
}

.toolset a:hover
{

	text-decoration:underline;
	color:#f60;

	

}

#footer
{
	background:#222;
	width:100%;
	border-top:1px solid #000;
	box-shadow:inset 0 1px 1px rgba(200,200,200,0.2);
}

#footer2
{
	width:1200px;
	margin:0 auto;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
}

#footer2 p
{
	color:#fff;
	font-size:80%;
}

/* busy cursors */

#busy
{
	border:1px solid #ccc;
	height:10px;
	width:100px;
	display:inline-block;
	padding:1px 1px 1px 0;
	border-radius:2px;
	background:#eee;
	display:none;
}

.busy_box
{
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	
	float:left;
	margin-left:1px;
	border-radius:1px;
}
.busy1
{
	background:#6B9D20;
	/*fade out slowly*/
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.busy2
{
	background:#9EE72F;
	/*brighten up quickly*/
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

#regex_result
{
	background:#f9f9f9;
	
	font-size:100%; 
	padding:5px;
	border:1px solid #999;
	border-radius:3px;
	box-shadow:inset 1px 2px 5px rgba(200,200,200,0.5);
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	
	overflow:auto;
}

#regex_result b
{
	background:#f60;
	color:#fff;
}
#regex_result b:hover
{
	background:#262;
}

#footer_links a
{
	color:#ccc;
	font-size:80%;
	
	/*background:#0673BA;*/
	padding:3px 7px 5px 7px;
}

#footer_links a:hover
{
	background:#000;
	color:#fff;
}