/* CSS Document */

body {
	font-size:100%; /* generally this means 16px */
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6          { font-weight: bolder }

#port_check {
	margin:0;
	padding:0;
}

#port_check input[type=text] {
	display:block;
	float:right;
	width:8em;
/*	margin:-4px 0px 10px 0px;*/
}

#port_check span {
	display:block;
	float:right;
	width:120px;
	margin:0px 0px 10px 0px;
}

#port_check h1 {
	text-align:center;
	background:#999;
	color:#FFF;
	margin:0;
}
#copyright {
	font-size:0.75em;
	position:absolute;
	left:10px;
	bottom:10px;
}
.links {
	position:absolute;
	left:10px;
	bottom:50px;
}
.links2 {
	margin:10px 0 0 10px;
	max-width: 200px;
	float: left;
}
.row {
	display:block;
	float:left;
	width:90%;
	height:2em;
	margin:0 5%;
/*	background-color:#FFC;*/
}

.label {
	display:block;
	float:left;
	width:30%;
	text-align:right;
/*	margin-right:4px;*/
	margin-top:4px;
	font-size:0.75em;
/*	background-color:#CCF;*/
}
.icon {
	display:block;
	float:left;
	width:16px;
	margin:3px 4px;
/*	background-color:#0FF;*/
}
.value {
	display:block;
	float:left;
	font-size:0.75em;
}
.value input[type=text]  {
	font-size:1em;
}
#port_check input[type=text][name=hostname]  {
	width:400px;
}
.value input[type=button]  {
	display:block;
	float:left;
}
.value span {
	line-height:2em;
}

#port_check h1 {
	font-size:1.25em;
}

/*#links {
	margin-left:10px;
}*/

#social {
	display:block;
	float:none;
	margin:10px 10px 0 10px;
}

#help {
	display:block;
	float:right;
	width:16px;
	height:16px;
	background-image:url(../../images/help.png);
	margin:4px 4px 0 0;
	cursor:pointer;
}
#instructions {
	display:none;
	float:left;
	width:60%;
/*	height:3em;*/
	margin:0.625em 20%;
	font-size:0.75em;
/*	background-color:#FFC;*/
}

@media all and (min-width:320px) {
	#port_check h1 {
		font-size:1.5em;
	}
	.label {
		width:45%;
		margin-right:4px;
		font-size:0.9em;
	}
}

@media all and (min-width:480px) {
	#port_check h1 {
		font-size:1.75em;
	}
	.value span {
		line-height:2em;
		background-color:#FFF;
	}
	.links {
		bottom:40px;
	}
}

@media all and (min-width:600px) {
	#port_check h1 {
		font-size:2em;
	}
	
}

@media all and (min-width:860px) {
	#port_check h1 {
		font-size:2em;
	}
	
}

@media all and (min-width:1300px) {
	#port_check h1 {
		font-size:2em;
	}
	
}





















a img { border:none; } /* prevent IE8 from bordering linked images */
.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}
.clear_both {
	clear:both;
}