@charset "UTF-8";
/* CSS Document */

html, body{
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body{
	background-color: #79807c;
	font-family:  Century Gothic, Arial, Helvetica, sans;
}

/*Link Styles*/
a:link{
	color: #5dd3ff;
	padding: 0px 3px 0px 3px; 
	text-decoration: none;
	border: none;
}
a:visited{
	color: #5dd3ff;
	padding: 0px 3px 0px 3px; 
	text-decoration: none;
	border: none;
}
a:active{
	color: #5dd3ff;
	padding: 0px 3px 0px 3px; 
	text-decoration: none;
	border: none;
}
a:hover{
	color: #5dd3ff;
	text-decoration: none;
	border:none;
	padding: 0px 3px 0px 3px; 
}

/*Define Layout Styles*/

#tested_in{
	position: absolute;
	float: left;
	top: 30px;
	left: 10px;
	background: #262827;
	height: auto;
	width: auto;
	padding: 0px 10px 15px 10px;
		font-size: 14px;
		color: #ffffff;
	
	-moz-border-radius: 0px 0px 15px 15px ;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
	#tested_in h1{
		margin: 0px 0px -10px 0px;
	}
	

#container{
	float: none;
	background: none;
	width: 950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#header{
	float: none;
	background: none;
	width: 100%;
	height: auto;
	font-size: 45px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}

#header #img{
	background: url(images/header.png);
	width:319px;
	height: 150px;
	margin: 50px auto 0px auto;
}
	#header a:link{
		color: #ffffff;
		padding: 0px; 
		text-decoration: none;
		border: none;
	}
	
	#header a:visited{
		color: #ffffff;
		padding: 0px; 
		text-decoration: none;
		border: none;
	}
	
	#header a:active{
		color: #ffffff;
		padding: 0px; 
		text-decoration: none;
		border: none;
	}
	
	#header a:hover{
		color: #ffffff;
		text-decoration: none;
		border:none;
		padding: 0px; 
		background: none;
	}

#menu{
	float: none;
	background: #262827;
	width: 100%;
	height: 30px;
	color: #ffffff;
	font-size: 10pt;
}

menu{
	margin: 0px;
	padding: 0px;
}
	#menu li{
		float: right;
		width: auto;
		height: 23px;
		list-style: none;
		padding: 7px 20px 0px 20px;
		text-align: center;
		display: block;
	}
	#menu li:hover{
		float: right;
		list-style: none;
		text-align: ;
		display: block;
		background: #2c2c2c;
	}
	
	#menu a:link{
		color: #ffffff;
		padding: 0px; 
		text-decoration: none;
		border: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#menu a:visited{
		color: #ffffff;
		padding: 0px; 
		text-decoration: none;
		border: none;
	}
	
	#menu a:active{
		color: #ffffff;
		padding: 0px; 
		text-decoration: none;
		border: none;
	}
	
	#menu a:hover{
		color: #ffffff;
		text-decoration: none;
		border:none;
		padding: 0px; 
		background: none;
	}


#content{
	display: block;
	width: 100%;
	min-height: 250px;
}
	#content #form{
		width: 950px;
		height: auto;
		margin: 0px auto 10px auto;
	}
	#content #form form{
		width: 500px;
		height: auto;
		margin: 0px auto 5px auto;
	}
	#content .block{
		width: 600px;
		height: auto;
		margin: 0px auto 0px auto;
		display: none;
	}
	
	#content #form input{
		border: none;
		border-right:1px solid rgba(0,0,0,0);
		display: block;
		background:#e1e1e1;
		width:500px;
		line-height:0px;
		height:30px;
		padding:0 10px;
		margin: 0px 0px 0px -10px;
		
		font-family:arial;
		font-size:17px;
		color:#79807c;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		-moz-box-shadow: 5px 5px 5px #666;
		-webkit-box-shadow: 5px 5px 5px #666;
		box-shadow: 5px 5px 5px #666;
	}
	
	form p { position:relative }

	form p label  { position:absolute; top:0; left:0}
	
	label{
	line-height:87px;
	padding: 0 10px;
	font-family: arial;
	font-size: 17px;
	color:#79807c;
	}
	
	.fail{
	color:#ff5959;
	}
	
	#form #shorturl {
		width: 500px;
		margin: 0px auto 0px auto;
	}
	
	#form  #shorturl a {
		display: block;
		border:none;
		background:#e1e1e1;
		width:500px;
		padding: 6px 0px 7px 0px;
		margin: 0px 0px 10px 0px;
		height: auto;
		font-family:arial;
		font-size:17px;
		color:#79807c;
		text-align: center; 
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		-moz-box-shadow: 5px 5px 5px #666;
		-webkit-box-shadow: 5px 5px 5px #666;
		box-shadow: 5px 5px 5px #666;
	}
	
	#frontpage_block{
		float: left;
		border: 2px solid #d5d5d5;
		background:#e1e1e1;
		width:295px;
		line-height:49px;
		height: auto;
		padding:0 10px 10px 10pxs;
		margin: 0px 5px 0px 5px ;
		font-family:arial;
		font-size:17px;
		color:#79807c;
		-moz-border-radius:15px ;
		-webkit-border-radius:15px;
		border-radius:15px;
		-moz-box-shadow: 5px 0px 5px #666;
		-webkit-box-shadow: 5px 5px 5px #666;
		box-shadow: 5px 5px 5px #666;
		background-image: -moz-linear-gradient(100% 100% 90deg, #cccccc, #ffffff);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc));

	}
		#frontpage_block h1{
			font-size: 24px;
			font-weight: bold;
			color: #4fadd1;
			padding: 10px 10px 0px 10px;
		}
		
		#frontpage_block b{
			font-size: 24px;
			font-weight: bold;
			color: #4fadd1;
			padding: 10px 0px 0px 0px;
		}
		
		#frontpage_block i{
			font-size: 12px;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
		}
		
		#frontpage_block p{
			font-size: 10px;
			font-weight: normal;
			padding: 3px 0px 3px 10px;
		}
	
	#frontpage_block a{
		display: inline;
		border:none;
		background:none;
		width: auto;
		line-height:auto;
		height:auto;
		padding:0px 5px 0px 5px;
		margin: 0px;
		font-family:Arial;
		font-size: 12px;
		color:#79807c;
		-moz-border-radius:none;
		-webkit-border-radius:none;
		border-radius:none;
		text-align: left;
	}
	
iframe{
	width: 100%;
	height:100%;
	border-width:0;
}


#footer{
	float: left;
	display: block;
	width: 100%;
	min-height: 20px;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
}


/*Text*/

h1{
	font-size: 24px;
	font-weight: bold;
	color: #e1e1e1;
	padding: 10px;
}
h2{
	font-size: 18px;
	font-weight: bold;
	color: #e1e1e1;
	padding: 10px;
}

ol{
	list-style: inside;
	list-style-type: decimal;
}
ol li{
	margin: 5px;
}
p{
	font-size: 12pt;
	line-height: 14pt;
	padding: 10px;
	
}
.hint{
	font-size: 10pt;
}