/* Login-Styles */

body {

margin:0;
font-family:"Arial", Times, serif;
background-color: #a0c6ff;
}


form {margin:0; }

#login_box {
padding:3px;
margin-left:auto;
margin-right:auto;
margin-top:300px;
width:400px;
height:auto;
border:1px solid #000;
}

#top_bar {
background-image:url(../images/top_bg.png);
margin-top:-3px;
height:130px;
background-repeat:repeat-x;
padding:5px;
font-weight:bold:
}


#center {
margin-top:-3px;
margin-left:5%;
margin-right:5%;
width:90%;
height:auto;
border: 2px solid #647da2;
padding:5px;
background-color:#8ebbec;
font-weight:bold:
}


#input_data {
margin-top:15px;
margin-left:25%;
margin-right:25%;
width:50%;
height:auto;
border: 2px solid black;
padding:5px;
background-color:#545555;
}


#bottom_bar {
margin-top:10px;
margin-left:25%;
margin-right:25%;
width:50%;
height:auto;
border: 2px solid black;
padding:5px;
background-color:#545555;
}


.input_text {
height:30px;
font-size:17px;
width:100%;
padding:5px;
border:1px solid;
background-image:url(../images/input_bg.png);
}


.input_button {
height:30px;
font-size:17px;
width:100%;
padding:5px;
border:1px solid;
background-color:#CCCCCC;
background-image:url(../images/input_bg.png);


}

#error_box {
	position:absolute;
	top:200px;
	padding:3px;
	margin-top:10px;
	width:33%;
	margin-left:33%;
	margin-right:33%;
	border:3px solid red;
	z-index:2000;
	background-color:#a9bbd8;
	-moz-border-radius:20px;
	-khtml-border-radius:20px;
	}
	
#suc_box {
position:absolute;
	top:200px;
	padding:3px;
	margin-top:10px;
	width:33%;
	margin-left:33%;
	margin-right:33%;
	border:3px solid #00ff00;
	z-index:2000;
	background-color:#a9bbd8;
	-moz-border-radius:20px;
	-khtml-border-radius:20px;
	}
	
#ask_box {
	position:absolute;
	padding:3px;
	margin-top:10px;
	width:33%;
	margin-left:33%;
	margin-right:33%;
	border:2px solid blue;
	z-index:2000;
background-color:#a9bbd8;
	}	


h1 {
font-size:18px;
font-weight:800;
letter-spacing: 0.1em;
margin:0;
}

h2 {
color:#333333;
font-size:18px;
font-weight:800;
letter-spacing: 0.1em;
margin:0;
}