/* CSS Document */

@font-face {
	font-family: pf;
	src: url('fonts/myriadpro.woff');
}

html,
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  color: #fff;
  font-size:100%;
}


#wrapperindex {
	position:relative;
	overflow:hidden;
 background-image:url(../assets/logbg.jpg);
  -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
	height:100%;
	width:100%;
}

#login{
position:absolute;
width:350px;
height:200px;
bottom:20px;
right:20px;
background-color:#FFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 1);

}

		#username, #active{
			width:180px;
			height:22px;
			background-color:#2D4659;
			z-index:999;
			margin-left:20px;
			color:#fff;
			border:none;
			text-transform:uppercase;
			font-size:16px;
			text-align:center;
			font-family:pf;
	}
	
	.us{
	display:inline-block;
	position:absolute;
	color:#000;
	font-family:pf;
	top:55px;
	left:30px;
	
	}
	
	.ps{
	display:inline-block;
	position:absolute;
	color:#000;
	font-family:pf;
	top:90px;
	left:31px;
	}
	
	#password, #serial{
		    width:180px;
			height:22px;
			background-color:#2D4659;
			margin-left:18px;
			border:none;
			color:#fff;
			font-size:16px;
			text-align:center;
			font-family:pf;
	}
	
	.loginbtn{
	position:absolute;
	right:30px;
	bottom:10px;
	}
	
	#logotitle{
	position:absolute;
	width:780px;
	left:50px;
	height:200px;
	color:#ccc;
	font-size:60px;
	font-family:pf;
	line-height:52px;
	top: 50px;
	z-index:999;
	color: rgb(97, 97, 97);
text-shadow: rgb(224, 224, 224) 1px 1px 0px;
}

#timer{
position:absolute;
z-index:999;
font-size:16px;
color:#000;
font-family:pf;
text-align:center;
left:35%;
width:600px;
bottom:70px;
height:20px;
}