﻿/* Form defaults */

form
{
    padding:0;
}

form p
{
    font-size:0.8em;
    text-align:left;
    font-style:italic;
}
form input.textbox,textarea
{
	border:1px solid #B1B1B1;
	color:#343434;
	font-size:12px;
	height:18px;
	padding:2px;
}

/* Log in form */

#registrationform
{
    width:350px;
	margin: 0 0 0 50px;
	padding: 10px;
    border:solid 1px #B1B1B1;
	min-height:220px !important;
    float:left;
    text-align:center;
}
#registrationform fieldset
{
    margin:20px 0 0 0;
    text-align:left;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
#registrationform input.textbox
{
   width:170px;
}

input#registerbutton
{
    margin:20px auto;
}
#registrationform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 0;
}
#loginform
{
	width:350px;
	margin: 0 50px 0 0;
	padding: 10px;
    border:solid 1px #B1B1B1;
	min-height:220px !important;
    float:right;
    text-align:center;
}
#loginform fieldset
{
    margin:20px 0 0 0;
    text-align:left;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
#loginform input.textbox
{
   width:170px;
   margin-bottom:10px;
   display: block;
}
#loginform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 0;
}

 /* Registration Form */
 
#registrationpage
{
    width:680px;
    overflow:auto;
    margin:0 auto;
    padding:0;
}
#registrationpersonal
{    
	margin: 0 auto;
	padding: 10px;
	width:400px;
    border:solid 1px #B1B1B1;
    text-align:center;
}
#registrationpersonal fieldset
{
    margin:20px 0 0 0;
    text-align:left;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
#registrationpersonal input.textbox
{
   width:170px;
   margin-bottom:10px;
}
#registrationpersonal form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	margin: 0;
}

 /* Link Account Form */
 
#linkaccountform
{
    margin: 20px 0 0 0;
	padding: 10px;
	width:400px;
    border:solid 1px #B1B1B1;
}
#linkaccountform fieldset
{
    margin:20px 0 0 0;
    text-align:left;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
#linkaccountform input.textbox
{
   width:170px;
   margin-bottom:10px;
}
#linkaccountform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	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;
}

@media only screen and (max-width: 768px) {
    #registrationform {
        margin: 0;
        margin-bottom: 15px;
        width: auto;
    }

    #loginform {
        margin: 0;
        width: auto;
    }
}