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


#login_container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	margin-top:0px;
	text-align:left;
	width:100%;
}
#loginForm{
	position: relative; 
	top: -130px; 
	border: 4px solid #efefef; 
	background:#ffffff;
	width:90%; 
	margin-left:auto; 
	margin-right:auto;
}
@media ( max-width: 768px){
	#LoginForm{ width: 90%; }
}


#login{
	padding:10px;
	width:100%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	border-radius:10px;
}

@media screen and ( max-width: 768px){
	#login{ width: 100%; }
}

.textbox{
	padding:10px;
	width: 100%;
	border:1px solid #069;
	background-color: #efefef;
	margin-bottom: 10px;
	margin-top: 2px;
	text-align: left;
}
.textbox:hover{
	border:1px solid #069;
}
.textbox:focus{
	border:0px solid #efefef;
}

.textboxs{
	padding:4px;
	margin: 6px;
	width: 96%;
	border:1px inset #069;
	color:#069;
}
.textboxs:hover{
	border:1px solid #999;
	box-shadow: -1px 1px 2px 1px #069;
	-moz-box-shadow: -1px 1px 2px 1px #069;
	-webkit-box-shadow: -1px 1px 2px 1px #069;
}
.textboxs:focus{
	border:1px solid #999;
	box-shadow: -1px 1px 2px 1px #069;
	-moz-box-shadow: -1px 1px 2px 1px #069;
	-webkit-box-shadow: -1px 1px 2px 1px #069;
	background-color: #ffffff;
}

.selectbox{
	padding:8px;
	width: 98%;
	border:2px inset #069;
}
.selectbox:hover{
	border:2px solid #999;
}
.selectbox:focus{
	border:2px solid #999;
	background-color: #efefef;
}

.post_title{
	padding:8px;
	width:98%;
	border:2px inset #069;
}
.post_title:focus{
	border:1px solid #999;
	background-color: #efefef;
}
.post_content{
	padding:8px;
	width:100%;
	height:300px;
	resize:none;
	border:1px solid #069;
	background-color: #efefef;
	margin-bottom: 10px;
	margin-top: 2px;
}
.post_content:focus{
	border:2px solid #999;
	background-color: #efefef;
}

.button{
	width:50%;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#069;
	font-weight:bold;
}
.textarea{
	width:100%;
	border:1px solid #069;
	background-color: #efefef;
	margin-bottom: 10px;
	margin-top: 2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding:6px;
	height:200px;
	width: 100%;
	resize:none;
	text-align: left;
}
.textarea:hover{
	border:1px solid #999;
}
.textarea:focus{
	border:1px solid #999;
	background-color: #efefef;
	}
#postContainer{
	padding:10px;
}

.autofillbox{
	position: relative;
	left: 0px;
	top: 0px;
}
.autofilldiv{
	border:1px solid #069;
	position: absolute;
	visibility: hidden;
	width: 98.5%;
	overflow: auto;
	height: 250px;
	background-color: #efefef;
}