﻿/* Forms */


legend
{
    font-size:1em;
    font-weight:bold;
}

/* Log in form */

#loginpage legend {
margin-top: 20px; }

#loginpage
{
    width:970px;
    overflow:auto;
    margin:0 auto;
    padding:20px 0 0 0;
    font-size:0.8em;
}
#registrationform form input,textarea
{
	margin:5px 0 0;
}
#registrationform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#registrationform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
#loginform
{
  text-align:center;
	margin: 0 auto;
	padding: 10px;
	width:300px;
	font-size:10pt;
	border:solid 1px #231f20;
	min-height:220px !important;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
#loginform form input,textarea
{
	margin:5px 0 0;
}
#loginform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#loginform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* Registration Form */
 
#registrationpage
{
    width:680px;
    overflow:auto;
    margin:0 auto;
    padding:0;
    font-size:0.8em;
}

#registrationpage form input,textarea
{
	margin:5px 0 0;
}
#registrationpage form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#registrationpage form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* Link Account Form */
 
#linkaccountform
{
    margin: 40px auto 20px;
	padding: 10px;
	width:400px;
	font-size:10pt;
	border:solid 1px #231f20;
}
#linkaccountform form input,textarea
{
	margin:5px 0 0;
}
#linkaccountform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#linkaccountform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* Forgotten Password Form */

#forgottenpasswordpage
{
    width:460px;
    overflow:auto;
    margin:0 auto;
    padding:0;
    font-size:0.8em;
}
#forgottenpasswordform
{
    margin: 20px 0 0 0;
	padding: 10px;
	width:400px;
	font-size:10pt;
	border:solid 1px #231f20;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
#forgottenpasswordform form input,textarea
{
	margin:5px 0 0;
}
#forgottenpasswordform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#forgottenpasswordform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}


#changepasswordform
{
    margin: 40px auto 20px;
	padding: 10px;
	width:400px;
	font-size:10pt;
}
#changepasswordform form input,textarea
{
	margin:5px 0 0;
}
#changepasswordform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#changepasswordform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

@media only screen and (max-width: 768px) {
    #loginpage
    {
        width: auto;
    }
}