*								{ margin: 0; padding: 0; border: 0; font-family: 'Open Sans', sans-serif; }
html, body { height: 100%; }
.table { width: 100%; height: 100%; display: table; margin: 0px; }
.tr { display: table-row; }
.td { display: table-cell; vertical-align: middle; }
.formarea { position: relative; margin: 0px auto; width: 393px; }
.shadow { position: relative; background: #FFFFFF; min-height: 145px; border-top: 5px solid #009688; }

body							{ background-color: #EFEBE9; color: #000000; }
.shadow							{ -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25); }

h1								{ font-size: 165%; font-weight: normal; color: #666; margin: -22px 0 0 0; font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: right; }
p								{ font-size: 90%; color: #616161; margin: 0 0 10px 0; }
p.forgotten						{ margin: 16px 0 10px 0; }
a:link, a:visited, a:active		{ color: #D32F2F; text-decoration: none; }
a:hover 						{ color: #D32F2F; text-decoration: underline; }
footer p						{ font-size: 90%; color: #9E9E9E; margin: 10px 0 0 0; }
footer p span					{ float: right; }

#logo							{ height: 30px; margin-top: 30px; }
#logo img						{ float: left; margin: -7px 0 0 0; }
form							{ padding: 15px; font-size: 90%; }
form div						{ color: #333333; margin: 0px 0px 6px 0px; float: left; }
.g-recaptcha, .g-recaptcha div  { margin: 0px; }
form div:first-of-type p		{ width: 108px; margin: 10px 0 0 0;}
form div img					{ margin: 0 15px 0 0; }
form span						{ width: 85px; display: block; padding: 6px 0 0 0; }
form p                          { font-size: 100%; margin: 5px 0 0 0; width: 170px; color: #333; }
div.fright						{ float: right; }
div.login						{ position: absolute; bottom: 9px; right: 15px; margin: 0px; }
#strength                       { text-align: center; display: block; width: auto; padding-bottom: 10px; font-weight: bold; }
#remember                       { position: relative; clear: both; display: block; background: #fff; padding: 13px 0px 15px 15px; border-top: 1px solid #ddd; font-size: 90%; color: #333; }
.squaredFour                    { width: 30px; display: inline-block; }
.squaredFour label              { top: 15px; left: 15px; background: #009688; } 
input[type="checkbox"]          { width: auto; }

/* REG */
#regcol                         { width: 240px; display: inline-block; }
.clear					        { clear: both; }
label                           { display: block; margin: 3px 0 3px 0; }

/* FORMS */
input, select			    	{ color: #333333; width: 200px; }
input[type="text"],[type="password"],select {
    background: white;
    border: 1px solid #cccccc;
    padding: 5px 8px;
    width: 240px;
    outline: none;
}
input[type="submit"], input[type="button"] {
	color: #ffffff;
    border: none;
    padding: 8px 12px;
    /*margin: 5px 0;*/
    width: auto;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.25s ease;
	background: #009688;
}
input[type="submit"]:hover, input[type="button"]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
@media (min-width: 0px) {
    .formarea { width: 270px; }
    #logo img.goaway, form div img { display: none; }
    h1 { text-align: left; }
}
@media (min-width: 414px) {
    .formarea { width: 393px; }
    #logo img.goaway, form div img { display: block; }
    h1 { text-align: right; }
}