@font-face {
	font-family:customf;
	src:url('TREBUC.TTF');
}

body{
	background:url(images/hnsadmin.png);
	font-family:customf;
	color:white;
}

img{
	border:0;
}

.center{
	margin:0 auto 0 auto;
	width:550px;
}

#main{
	-webkit-border-radius: 10px;
    border-radius: 10px;
	height:370px;
	position:relative;
	top:-80px;
	padding:20px;
	text-align:center;
	
background: #2b2c30;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYjJjMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #2b2c30 0%, #000000 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2b2c30), color-stop(100%,#000000));
background: -webkit-radial-gradient(center, ellipse cover,  #2b2c30 0%,#000000 100%);
background: -o-radial-gradient(center, ellipse cover,  #2b2c30 0%,#000000 100%);
background: -ms-radial-gradient(center, ellipse cover,  #2b2c30 0%,#000000 100%);
background: radial-gradient(ellipse at center,  #2b2c30 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2c30', endColorstr='#000000',GradientType=1 );

-webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.3);
        
        box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

input{
	display: block;
	margin: 5px 10px 10px 15px;
	width: 85%;
	background: #111;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
	outline: 1px solid #333;
	border: 1px solid #000;
	padding: 5px;
	color: #444;
	font-size: 16px;
}
input:focus{
	outline: 1px solid #555;
	color: #FFF;
}

label{
	float:left;
	margin-right:10px;
	line-height:30px;
}

input[type=text]{
	width:325px;
}

#progressbar{
	width:258px;
	height:22px;
	margin-top:5px;
	margin-left:20px;
}

#upload_file_button {
	overflow: hidden;
}

#upload_file_button input {
	position:absolute;
	top: 0;
	right: 0;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
	border-right: 100px solid #FFF;
	border-bottom: 100px solid #FFF;
	direction: ltr;
	margin: 0;
	padding: 0;
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
}

.ui-progressbar .ui-progressbar-value {background:url(images/pbar-ani.gif);display:none}