

*{margin:0;padding:0;}

.button{
	width:100px;
	background:#107822;
	display:block;
	margin:0 auto;
	margin-top:1%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition:background .3s;
	-webkit-transition:background .3s;
}

.button:hover{
  background:#0d631c;
}

#login_container{
	/*position:absolute;
	top:5px;
	right:105px;*/
	z-index:99999;
	margin-bottom:10px;
	position:relative;
	font-family:open_sansregular !important;
}

.button-login{
	width:100px;
	background:#107822;
	display:block;
	margin:0 auto;
	margin-top:1%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition:background .3s;
	-webkit-transition:background .3s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button-login:hover{
  background:#0d631c;
}

#login_form{
	display:none;
	position:absolute;
	left:-100px;
	width:300px;
	margin:0 auto;
	/*margin-top:8px;*/
	/*margin-bottom:2%;*/
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	font-family:open_sansregular !important;
}

#triangle{
	width:0;
	border-top:12x solid transparent;
	border-right:12px solid transparent;
	border-bottom:12px solid #107822;
	border-left:12px solid transparent;
	margin:0 auto;
}

#login_form h1{
	background:#107822;
	padding:20px 0;
	font-size:140%;
	font-weight:300;
	text-align:center;
	color:#fff;
}

#login_form form{
	background:#f0f0f0;
	padding:6% 4%;
}

#login_form input[type="username"],input[type="password"]{
	width:92%;
	background:#fff;
	margin-bottom:4%;
	border:1px solid #ccc;
	padding:4%;
	font-family:'open_sansregular',sans-serif;
	font-size:95%;
	color:#555;
}

#login_button, #register_button{
	width:100%;
	background:#107822;
	border:0;
	padding:4%;
	font-family:'open_sansregular',sans-serif;
	font-size:100%;
	color:#fff;
	cursor:pointer;
	transition:background .3s;
	-webkit-transition:background .3s;
	margin-bottom:4px;
}

#login_button:hover, #register_button:hover{
	background:#0d631c;
}

#login_form a{
	text-decoration:none;
}

/*
#logout_container{
	position:absolute;
	top:5px;
	right:95px;
	z-index:99999;
}*/

#control_container{
	/*position:absolute;
	top:5px;
	right:105px;*/
	z-index:99999;
	margin-bottom:10px;
	position:relative;
	font-family:open_sansregular !important;
}

.button-control{
	width:100px;
	background:#107822;
	display:block;
	margin:0 auto;
	margin-top:1%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition:background .3s;
	-webkit-transition:background .3s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button-control:hover{
  background:#0d631c;
}

#control_panel{
	display:none;
	position:absolute;
	left:-100px;
	width:300px;
	margin:0 auto;
	/*margin-top:8px;*/
	/*margin-bottom:2%;*/
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	font-family:open_sansregular !important;
}

#control_panel h1{
	background:#107822;
	padding:20px 0;
	font-size:140%;
	font-weight:300;
	text-align:center;
	color:#fff;
}

#control_panel form{
	background:#f0f0f0;
	padding:6% 4%;
	height:auto;
}

#span_profile_container{
	width:100%;
	background:#107822;
	display:block;
	border:0;
	margin:0 auto;
	margin-top:1%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition:background .3s;
	-webkit-transition:background .3s;
}

#span_profile_container:hover{
	background:#0d631c;
}


#span_logout_container{
	width:100%;
	background:#107822;
	display:block;
	border:0;
	margin:0 auto;
	margin-top:1%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition:background .3s;
	-webkit-transition:background .3s;
}

#span_logout_container:hover{
	background:#0d631c;
}

.profile_title{
	width:100%;
	letter-spacing:1px;
	margin-top:20px;
	text-align:center;
	font-family: calibri_light !important;
	font-size:36px;
	font-weight:bold;
	color:#000000;
}



.accountActivationPos {
    width: 100%;
    text-align: center;
    font-family: museo300 !important;
    font-size: 40px;
    font-weight: bold;
    color: #000;
    padding: 20px;
	color:#0D631B;
}

.accountActivationNeg {
    width: 100%;
    text-align: center;
    font-family: museo300 !important;
    font-size: 40px;
    font-weight: bold;
    color: #000;
    padding: 20px;
	color:#600406;
}