/* Form defaults */

form
{
    padding:0;
}

form p
{
    font-size:0.8em;
    text-align:left;
    font-style:italic;
}

/* Home Page Log in form */
#loginform-hp
{
	margin: 0 auto;
	padding: 9px;
	max-width:200px;
	font-size:0.85em;
	border:solid 1px #232323;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
}
#loginform-hp form legend
{
	font-size:1.1em;
	font-weight: bold; 
	padding:0;
}
#loginform-hp form input
{
	margin:5px 0 0;
	max-width: 120px; 
}
#loginform-hp form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 60px; 
	margin: 5px 5px 0 0;
	text-align: left; 
}
#loginform-hp form fieldset
{
	padding: 0;        /* padding in fieldset support spotty in IE */
	margin: 0;
}
#submitbuttonbox
{
	margin:0 auto;
	text-align:center;
}
#remembermecheck
{
    margin:0;
    text-align:center;
}
div#remembermecheck input
{
    width:20px;
}
#forgotpassword
{
	margin: 5px 0 0 0;
	text-align:center;
}

/* Log in form */

#registrationform
{
    width:300px;
	margin: 0 50px 0 100px;
	padding: 10px;
    border:solid 2px #FFF;
	min-height:220px !important;
	display: inline-block;
	font-size:10pt;
    text-align:center;
    vertical-align: top;
}
form input,textarea
{
	margin:5px 0 0;
}
input#registerbutton
{
    background-color: white;
	border: 1px solid #000;
	border-radius: 7px;
	color: #000;
	padding: 15px 30px;
	text-decoration: none;
	-webkit-appearance: none;
	display: inline-block;
    margin:20px auto;
}
#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; 
}
#loginform
{
	width:300px;
	margin: 0 100px 0 50px;
	padding: 10px;
    border:solid 2px #FFF;
	min-height:220px !important;
    display: inline-block;
    text-align:center;
	font-size:10pt;
	vertical-align: top;
}
input#submitbutton
{
    background-color: white;
	border: 1px solid #000;
	border-radius: 7px;
	color: #000;
	padding: 15px 30px;
	text-decoration: none;
	-webkit-appearance: none;
	display: inline-block;
    margin:20px auto;
}
#loginform form input, #loginform form textarea
{
	margin:5px 0 0;
}
#loginform form label
{ 
	/*display: block;*/  /* block float the labels to left column, set a width */
	/*float: left;*/
    display: inline-block;
	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
{
    max-width:680px;
    overflow:auto;
    margin:0 auto;
    padding:0;
    font-size:0.8em;
}
#registrationpersonal
{    
	margin: 0 auto;
	padding: 10px;
	max-width:400px;
	font-size:10pt;
	min-height:220px !important;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
#registrationpage form input, #registrationpage form textarea
{
	margin:5px 0 0;
}
#registrationpage form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	max-width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
	vertical-align: top;
}
#registrationpage form td
{
    vertical-align: middle;
}
#registrationpage form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* Link Account Form */
 
#linkaccountform
{
    margin: 20px 0 0 0;
	padding: 10px;
	font-size:10pt;
    color:#45423b;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
}
#linkaccountform form input, linkaccountform form textarea
{
	margin:5px 0 0;
}
#linkaccountform form label
{ 
	/*display: block;*/  /* block float the labels to left column, set a width */
	/*float: left;*/
    display: inline-block;
	max-width: 150px; 
	min-width: 110px; 
	margin: 5px 5px 0 0;
	text-align: right; 
	color: #000;
}
#linkaccountform form legend
{
    color: #EBE839;
}
#linkaccountform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* Forgotten Password Form */

#forgottenpasswordpage
{
    max-width:460px;
    overflow:auto;
    margin:0 auto;
    padding:0;
    font-size:0.8em;
}
#forgottenpasswordform
{
    margin: 20px 0 0 0;
	padding: 10px;
	max-width:400px;
	font-size:10pt;
	border:solid 1px #000;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
#forgottenpasswordform form input, #forgottenpasswordform form textarea
{
	margin:5px 0 0;
}
#forgottenpasswordform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	max-width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
	color: #000;
}
#forgottenpasswordform form legend
{
   color: #000; 
}
#forgottenpasswordform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}



#dialog-addfriend
{
    font-size:0.75em;
}
#dialog-addfriend label, #dialog-addfriend input 
{
    display:block; 
}
#dialog-addfriend input.text 
{
    margin-bottom:12px; 
    width:95%; 
    padding: .4em;
}
#dialog-addfriend fieldset 
{
    padding:0;
    border:0;
    margin-top:25px;
}
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

@media only screen and (max-width: 768px)
{
    #registrationform
    {
        margin: 10px;
    }
     
     #loginform
    {
        margin: 10px;
    }  
}

@media only screen and (max-width: 330px)
{
    #linkaccountform form label
    {
        text-align: left;
    }
    .leftnav
    {
        width: 290px;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
     
     .singlecol
    {
        width: 270px;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }  
}