input.error 
{
    border:1px dotted red;
}
label.error
{
    color:red;
    font-style:italic;
    margin-left:10px;
    display:block;
    font-size:0.8em;
}
table.form td
{
    border:none;
}
label.required:after
{
    content:"*";
    color:#dd0000;
}
#ajaxloader
{
    margin:0 0 0 10px;
    display:none;
}
div#content table
{
    border: none;
}
.textbox 
{
    width: 325px;
}

/* 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:330px;
    height: 360px;
	margin: 0 50px;
	padding: 10px;
    border:solid 2px #00104c;
	min-height:220px !important;
	display: inline-block;
    /*float:left;*/
    color:#45423b;
    background-color:#FFF;
	font-size:16px;
    text-align:center;
    vertical-align: top;
}
form input,textarea
{
	margin:5px 0 0;
}
input#registerbutton
{
    display: block;
    height: auto;
    padding: 12px 16px;
    background: #cccbc6;
    color: #333333 !important;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .1em;
    white-space: normal;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin:0 auto;
}
#registrationform form label
{  
	width: 100px; 
	margin: 5px 5px 0 0;
	text-align: right; 
}
#loginform
{
	width:330px;
    height: 360px;
	margin: 0 50px;
	padding: 10px;
    border:solid 2px #00104c;
	min-height:220px !important;
    /*float:right;*/
    display: inline-block;
    color:#45423b;
    background-color:#FFF;
    text-align:center;
	font-size:16px;
	vertical-align: top;
}
#loginform form input,textarea
{
	margin:5px 0 0;
}
#loginform input#submitbutton
{
    display: block;
    height: auto;
    padding: 12px 16px;
    background: #cccbc6;
    color: #333333 !important;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .1em;
    white-space: normal;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin: 10px auto 0;
}

#loginform form label
{ 
	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:16px;
	border:solid 1px #00104c;
	min-height:220px !important;
}
#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; */
	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;
    border: 0;
}

/* Change Password Form */

#changepasswordform
{
    margin: 0;
	padding: 10px;
	font-size:16px;
    color:#45423b;
}
#changepasswordform form input,textarea
{
	margin:5px 0 0;
}
#changepasswordform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	text-align: left;
	margin: 5px 5px 0 0;
	color: #00104c;
    font-style: normal;
}
#changepasswordform form legend
{
    color: #00104c;
}
#changepasswordform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

 /* Link Account Form */
 
#linkaccountform
{
    margin: 0;
	padding: 10px 0;
	font-size:16px;
    color:#45423b;
    /*background-color:#EFEFEF;*/
}
#linkaccountform form input,textarea
{
	margin:5px 0 0;
}
#linkaccountform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	margin: 5px 5px 0 0;
	text-align: left; 
	color: #00104c;
    font-style: normal;
}
#linkaccountform form legend
{
    color: #00104c;
}
#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:16px;
	border:solid 1px #00104c;
    -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; 
	max-width: 150px; 
	margin: 5px 5px 0 0;
	text-align: right; 
	color: #00104c;
}
#forgottenpasswordform form legend
{
   color: #00104c; 
}
#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; }
#ajaxloader
{
    margin:0 0 0 10px;
    display:none;
}


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

    #changepasswordform form label {
        text-align: left;
    }
}

@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);
    }  
}