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

.formunit {display:block; width:auto; clear:both; overflow:hidden; margin: 10px 0 5px 0;}
.form-l {display:inline-block; float:left; width:200px; text-align:right; padding-right:5px;vertical-align: middle; font-size:12pt;}
.form-r {display:inline-block; float:left; vertical-align: middle;}
.form-r input {font-size:12pt;}

.outline { border: 1px solid #66CC33; }
.form-error {color:red; font-weight:bold;}

input.login {
	width:250px; 
	border-radius:5px; 
	border:1px solid #aaa; 
	font-size:14pt;
	padding: 5px;
}

input[type=checkbox] {
   width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
  vertical-align:middle;
}
.log {margin-left:10px;}

.smalltext, a.smalltext {font-size:10pt; font-weight:normal;}

div#login-form div#fb-login-msg {
	margin:20px;
	font-size:1.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#F14F59;
	padding:10px;
	background:#CCFF66;
	border:1px solid #F14F59;
	text-align:center;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.lbutton, input[type="submit"].lbutton {
	background:#8f4baa;
	color:#fff;
    cursor: pointer;
    display: inline;
    margin: 0 2px 0 10px;
    padding: 3px 15px 3px 15px;
	border:none;
	border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;
	min-width:100px;
    border: 0;
    -webkit-appearance: none;
}

a.lbutton:hover,  input[type="submit"].lbutton:hover  {
	background:#dadada;
	color:#000;
	border:none;
}

@media only screen and (max-width: 520px) {

.form-l {float:none; text-align:left; padding-right:0;}
.form-r {float:none; text-align:left;}

}