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

html{
	font-family: arial;
	font-family: "FuturaStd-Medium";
}

body {
	background:url(../images/bg.png) top center #f97d23;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-family: "FuturaStd-Medium";
}

#wrap{
	width:800px;
	min-height:100px;
	margin:auto;
}

#header{
	float:left;
	width:800px;
	min-height:100px;
}

#middle{
	float:left;
	width:800px;
	min-height:100px;
}

#left{
	float:left;
	width:250px;
	min-height:100px;
}

#right{
	float:left;
	width:550px;
	min-height:100px;
}

#footer{
	float:left;
	width:800px;
	min-height:100px;
}

#sys_title{
	text-align:right;
	font-size:30px;
	color:#FFF;
	font-family: "FuturaStd-Medium";
	padding-top:30px;
	padding-right:20px;
}

#login{
	float:left;
	width:250px;
	min-height:100px;
}

#login_top{
	background-image:url(../images/login_top.png);
	float:left;
	width:250px;
	min-height:30px;
}

#login_middle{
	background-image:url(../images/content_bg.png);
	float:left;
	width:200px;
	min-height:100px;
	padding-left:25px;
	padding-right:25px;
}

#login_bottom{
	background-image:url(../images/login_bottom.png);
	float:left;
	width:250px;
	min-height:30px;
}

#welcome{
	text-align:center;
	color:#ff4a13;
	font-size:30px;
}

#preface{
	text-align:center;
	color:#ff4a13;
	font-size:12px;
}

p{
	font-family: "FuturaStd-Medium";
	text-align:center;
	margin:0px;	
}

label{
	font-family: "FuturaStd-Medium";
	color:#ff4a13;
}

.login_form{
	text-align:center;	
}

span{
	display:block;
}

input[type=text]{
	width: 190px;
	height:22px;
	background:#FFF;
	font-size:12px;
	color:#ff4a13;
	font-family: "FuturaStd-Medium";
	padding-left:5px;
	padding-right:5px;
	
	
	border:#fff solid;
	border-radius:20px;	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

input[type=password]{
	width: 190px;
	height:22px;
	background:#FFF;
	font-size:12px;
	color:#ff4a13;
	padding-left:5px;
	padding-right:5px;
	
	border:#fff solid;
	border-radius:20px;	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

input[type=submit]{
	border: none;
	padding: 6px;
	text-decoration: none;
	font-size: 12px;
	background: #999999;
	color: white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
	cursor:pointer;
	
	border-radius:4px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

input[type=submit]:hover{
	background: #fd6301;
	cursor: pointer;
}

a#logo{
	background:url(../images/logo.png);
	widht:200px;
	height:45px;
	display:block;
}

#error{
	color:#F00;
	font-size:12px;
	display:none;
}

/*fonts*/
@font-face{ 
	font-family: 'FuturaStd-Medium';
    src:url('../fonts/futurastd-medium-webfont.eot');
    src:url('../fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futurastd-medium-webfont.woff') format('woff'),
        url('../fonts/futurastd-medium-webfont.ttf') format('truetype'),
        url('../fonts/futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
}

@font-face
{
	font-family: 'FuturaStd-Medium2';
    src:url('../fonts/futurastd-bold-webfont.eot');
    src:url('../fonts/futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futurastd-bold-webfont.woff') format('woff'),
        url('../fonts/futurastd-bold-webfont.ttf') format('truetype'),
        url('../fonts/futurastd-bold-webfont.svg#FuturaStdMedium') format('svg');
}

@font-face
{
	font-family: 'FuturaStd-Medium3';
    src:url('../fonts/futurastd-mediumoblique-webfont.eot');
    src:url('../fonts/futurastd-mediumoblique-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futurastd-mediumoblique-webfont.woff') format('woff'),
        url('../fonts/futurastd-mediumoblique-webfont.ttf') format('truetype'),
        url('../fonts/futurastd-mediumoblique-webfont.svg#FuturaStdMedium') format('svg');
}